在Atom中，當抓取標籤時，如何設置標籤之間顯示的線條樣式？

Question

我正在嘗試弄清楚如何設計這條線。

我知道該類叫做is-drop-target，但我無法滾動樣式列表以找出哪些樣式應用於哪些屬性，因爲光標正在持有類的選項卡以顯示並且不允許滾動當光標持有某物時。

我試過房產background-color,border-color和color但他們都沒有工作。

我試過僞元素::before和::after，但都沒有工作。

任何建議將不勝感激。謝謝！

編輯：
我使用UI Theme命名seti-ui。 https://atom.io/themes/seti-ui

Answer 1

拖動製表符時行的類名稱爲placeholder。試試下面的代碼，看看我的意思。

.placeholder { 
    background-color: yellow !important; 
} 

Answer 2

我使用的Atom版本1.14.4。我在版本中檢查過開發人員工具，我在上應用ul。列表元素ul有財產background。你可以改變它。

Answer 3

調試這個最簡單的是通過使用元件檢查和手動添加列表項具有兩個接片之間的類.placeholder。

實施例：

<li is="tabs-tab" class="texteditor tab sortable modified active" data-type="TextEditor">...</li> 
<li class="placeholder"></li> 
<li is="tabs-tab" class="texteditor tab sortable modified" data-type="TextEditor">...</li> 

然後可以展開佔位符項和修改:before/:after僞構件。

下面是一個例子爲凌黑暗主題：

.tab-bar .placeholder:before { 
    z-index: 1; 
    margin: 0; 
    width: 2px; 
    height: 2.5em; 
    background-color: #519fee; 
} 

.tab-bar .placeholder:after { 
    z-index: 0; 
    top: 1.25em; 
    margin: -4px 0 0 -3px; 
    border-radius: 0; 
    border: 4px solid #519fee; 
    transform: rotate(45deg); 
    background: transparent; 
} 

希望這有助於！