bootsrap datepickerのハイライトを削除します

Question

私はブートストラップdatepickerバージョン1.6.4を使用しています。下の図に示すように、青色のhiglightを から削除しました。

は、私は、次のCSSコードを行っている：outline: 0; outline: none;が、それは、GoogleのChromeで動作しません。私は別のブラウザでテストしようとしましたが、青いハイライトは表示されません。問題を解決するために使用できるChrome固有のCSSはありますか？

Answer 1

これはdatepickerのinput要素に設定する必要があります。あなたがコードを提供していないので、どのクラスを持っているのか、どのクラスにアクセスするのか分かりません。

だから、単にこの入力にこの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" />