如何在html的文本框中获取突出显示颜色答案

【问题标题】：How to get the highlight color in the textbox of html如何在html的文本框中获取突出显示颜色
【发布时间】：2013-07-03 10:51:51
【问题描述】：

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

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

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

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

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

这可以实现吗？

【问题讨论】：

不确定你在问什么？
先做个小提琴..
希望对您有所帮助：stackoverflow.com/questions/17205893/…
我想他是在问如何获取浏览器的默认值。而且我认为这是不可能的 javascript。

标签： javascript jquery html css

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

不知道你想要什么。

1) 如果您想与页面中的text 和input 协调一致，您可以将文本和输入的背景和文本颜色设置为相同。

见演示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的背景和文字样式设置为与正文样式相同。

【讨论】：