用戶代理樣式表覆蓋自己的樣式

下面的html代碼片段中的外部div應該應用於它的{cursor: pointer}的css，但它被user agent stylesheet覆蓋，正如我在查看鉻合成開發人員計算的樣式時所看到的工具。用戶代理樣式表覆蓋自己的樣式

<div class="select clickable"> 
     <span class="arr"></span> 
     <select data-bind="options: _regions, 
      optionsText: 'name', 
      optionsValue: 'geonameId', 
      value: selectedCity, 
      optionsCaption: 'REGION' 
      "><option value="">REGION</option> 
     </select> 
    </div>

這裏是我的相關CSS：

.clickable { 
    cursor: pointer !important; 
}

我想我需要使用一個更好的選擇爲CSS規則。什麼是將覆蓋用戶代理樣式表的選擇器？

來源

2016-02-27 BeniaminoBaggins

選擇更改爲選擇元素：

.clickable select { 
 
    cursor: pointer; 
 
}

<div class="select clickable"> 
 
    <span class="arr"></span> 
 
    <select data-bind="options: _regions,optionsText: 'name',optionsValue: 'geonameId',value: selectedCity,optionsCaption: 'REGION'"> 
 
     <option value="">REGION</option> 
 
    </select> 
 
</div>

來源

2016-02-27 09:20:11 symlink

乾杯。我正在看一些CSS選擇器備忘單，他們沒有說[.class元素]實際選擇的是什麼。這會選擇什麼？我可以點擊的所有div和按鈕看起來都是用這個選擇器選擇的。 – BeniaminoBaggins

它選擇''元素覆蓋了整個下拉區域。如果這是您的首選答案，請投票支持。 – symlink

用戶代理樣式表覆蓋自己的樣式

回答

相關問題