Удалить выделение в bootsrap datepicker

Question

Я использую bootstrap datepicker version 1.6.4. Я хотел удалить Blue higlight, как показано на рисунке ниже.

Я сделал следующие коды CSS: outline: 0; outline: none;, но он не работает на Google 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" />