删除bootsrap datepicker中的突出显示

Question

我正在使用bootstrap 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" />