Question

我想通过HTML和JavaScript（或jQuery）使其与原始组件中的默认输入颜色协调一致。因此，我正在研究获得标准文本选择颜色的方法。

在CSS中，虽然它不是官方的，但它可以改变现代浏览器上文本突出显示的颜色。

input::selection {
    background-color:red;
    color:blue;
}

我认为像这样追踪是有效的。

var hilightColor = $('input::selection').css('background-color');

这可以实现吗？

Answer 1

我认为你所拥有的代码很好，但是为了跨浏览器兼容性，你还应该在你的CSS代码中包含moz库，因为Firefox不支持默认选择（我很确定），虽然Chrome和Safari支持它。

input::selection {
    background-color: red;
    color: blue;
}

input::-moz-selection {
    background-color: red;
    color: blue;
}

Answer 2

不确定你想要什么。

1）如果您希望与页面中的text和input保持一致，则可以为文本和输入设置相同的背景和文本颜色。

见DEMO http://jsfiddle.net/yeyene/WLf9x/

html, body, input[type=text]{
    font-size:14px;
    line-height:16px;
    background:#fff;
    color:#555;    
}
input[type=text]{
    border:none;
    height:16px;
    width:85px;    
}

2）如果您还希望输入和文本的选择颜色相同。您可以将::selection的背景和文字样式设置为与正文样式相同。

如何在html的文本框中获得高亮颜色

2 个答案: