刪除bootsrap datepicker中的高亮

-1

我正在使用bootstrap datepicker 1.6.4版。我想要移除藍色higlight，如下圖所示。刪除bootsrap datepicker中的高亮

Blue highlight to be removed

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

2016-11-07 Anna

什麼都試過了代碼？請插入您的問題或js小提琴 –

這已經在[另一個問題]上回答（http://stackoverflow.com/questions/3397113/how-to-remove-border-outline-around-text-input-boxes-chrome ） –

您需要將其設置爲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"/>

來源

2016-11-07 10:22:46

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

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

<h6>Sample</h6> 
 

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

來源

2016-11-07 11:32:13

刪除bootsrap datepicker中的高亮

回答

相關問題