如何在Atom中更改鼠标光标?

时间:2017-05-24 19:47:28

标签: cursor styles atom-editor

我在Mac Sierra上使用Atom 1.15.0。我想将鼠标光标从细条更改为更可见的内容,如块。我打开了styles.less文件并添加了

atom-text-editor .cursor {
  transition:opacity 0.5s linear;
}

然后重新启动Atom,但我的鼠标光标像以前一样出现(细线)。我该如何更改?

编辑:包含我的styles.less文件

/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed and saved.
 *
 * Add your own CSS or Less to fully customize Atom.
 * If you are unfamiliar with Less, you can read more about it here:
 * http://lesscss.org
 */


/*
 * Examples
 * (To see them, uncomment and save)
 */

// style the background color of the tree view
.tree-view {
  // background-color: whitesmoke;
}

// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
  // color: white;
  // background-color: hsl(180, 24%, 12%);
}

// style UI elements inside atom-text-editor
atom-text-editor .cursor {
  transition:opacity 0.5s linear;
}

.editor .cursor {
   position: absolute;
   border: 1px solid;
   background-color: rgba(244,100,122,0.6);
}

atom-text-editor .editor-contents--private { cursor: default; }

3 个答案:

答案 0 :(得分:1)

将此插入到styles.less

atom-text-editor .editor-contents--private { cursor: default; }

答案 1 :(得分:1)

我会指导你这个包裹:

https://atom.io/packages/block-cursor

另外:Changing cursor style of atom editor

<强>更新

这些属性应该与文本光标一样应用于鼠标光标。只要他们指导得当。

尝试将此添加到StyleSheet:

atom-text-editor .editor-contents--private { cursor: default; position: absolute; border: 1px solid; background-color: rgba(244,100,122,0.6); }

答案 2 :(得分:0)

dplyr

Atom with Octocat mouse pointer

我可以确认此行允许更改鼠标光标,但仅限于在编辑器或搜索框等中。输入光标是最后的}之后的紫色东西。