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

时间:2013-07-02 12:09:26

标签: javascript jquery html css

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

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

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

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

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

这可以实现吗?

2 个答案:

答案 0 :(得分:0)

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

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

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

答案 1 :(得分:0)

不确定你想要什么。

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

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