How to change the cursor shape into underline?


#1

I just want to change it into a underline, nothing more, I have googled a lot and find no way, I do not want to use the block-cursor because it can’t work and seems ugly…Is there some way to change the default cursor into underline style?


#2

Add this to your styles.less:

atom-text-editor::shadow .cursor, atom-text-editor .cursor {
  border-left: none;
  border-bottom: 2px solid #526fff;
}

Change the color to something that makes more sense for your theme.


#3

Thanks! I think I may need to learn more about CSS…