刪除bootsrap datepicker中的高亮

Question

我正在使用bootstrap datepicker 1.6.4版。我想要移除 藍色h​​iglight，如下圖所示。

我做了以下CSS代碼：outline: 0; outline: none;，但它並沒有在谷歌Chrome瀏覽器。我試圖在不同的瀏覽器中測試它，我沒有看到藍色突出顯示。是否有可用於解決我的問題的Chrome專用CSS？

Answer 1

您需要將其設置爲datepicker的輸入元素。我看不到它有什麼類或如何訪問它，因爲你沒有提供任何代碼。

所以乾脆這個CSS應用到這個輸入，它應該解決您的問題：

.noselect { 
    -webkit-touch-callout: none; /* iOS Safari */ 
    -webkit-user-select: none; /* Chrome/Safari/Opera */ 
    -khtml-user-select: none; /* Konqueror */ 
     -moz-user-select: none; /* Firefox */ 
     -ms-user-select: none; /* Internet Explorer/Edge */ 
      user-select: none; /* Non-prefixed version, currently 
            not supported by any browser */ 
} 

例子：

.noselect { 
 
    -webkit-touch-callout: none; /* iOS Safari */ 
 
    -webkit-user-select: none; /* Chrome/Safari/Opera */ 
 
    -khtml-user-select: none; /* Konqueror */ 
 
     -moz-user-select: none; /* Firefox */ 
 
     -ms-user-select: none; /* Internet Explorer/Edge */ 
 
      user-select: none; /* Non-prefixed version, currently 
 
            not supported by any browser */ 
 
}

<input type="text" class="noselect" value="10/12/2016"/>

Answer 2

這是你可以做什麼。查看內聯演示。我建議，而不是刪除完成選擇高亮，只需更改背景或字體顏色。

.noselect::selection { 
 
    color: none; 
 
    background: none; 
 
}

<h6>Sample</h6> 
 

 
<input class="noselect" type="text" value="11/05/1988" />