Ymacs的條形光標

Question

Ymacs編輯器有一個塊光標，和我的emacs設置一樣，我想要有相同的光標;豎條而不是塊。我想出了這個代碼：

.Ymacs-Theme-dark .Ymacs_Frame-focus .Ymacs-caret { 
    background: transparent !important; 
    border-left: 1px solid white; 
    margin-left: -1px; 
    color: inherit !important; 
} 

但是，當光標在行首字符這是不行的，因爲margin-left: -1px將使它的頁面之外（它是必要的，因爲否則邊框將光標移動一個像素）。

有沒有辦法讓一個垂直光標即使作爲行的第一個字符工作？

你可以在ymacs demo頁面上測試一下，並使用開發工具添加我的css。如果需要，我可以創建CodePen演示。

Answer 1

將此代碼添加到您的自定義樣式，以及：

.Ymacs-current-line { 
    padding-left:1px; 
} 

它將填充的一個像素增加到當前行的左邊緣，足可見閃爍的光標，而將轉向要素權通過1px，將行的左邊緣留在相同的位置，而不是給你一個滾動條或將光標移動。

Answer 2

您可以使用：僞元素之前是這樣的：

.Ymacs-caret { 
    position: relative; 
} 
.Ymacs-caret:before { 
    content: " "; 
    display: block; 
    position: absolute; 
    top: 0; 
    left: 0; 
    border-left: 1px solid white; 
    bottom: 0; 
}