javascript - How to get the highlight color in the textbox of html

Question

I want to make it harmonize with a default input color in my original component with HTML and JavaScript(or jQuery). Therefore, I'm looking into the method of getting a standard text selection color.

In CSS, though it is not official, it can change the color of a highlight of the text on modern browsers.

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

I think it's effective to trace like this.

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

Is this realizable?

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）如果您想与页面中的textand协调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的背景和文本样式设置为与正文的样式相同。