1

我正在尝试为输入值设置背景和颜色。::-moz-selection我成功地为 Mozilla 浏览器做到了这一点,但::selection在 Chrome 和其他浏览器(如 Opera)中不起作用。

Chrome 中表单的屏幕截图- ::selection。它失败了

在 Chrome 中不起作用

Mozilla Firefox 中表单的屏幕截图- ::-moz-selection。它有效

在 Mozilla Firefox 中运行良好

这是我的代码:

<form>
First name: <input type="text" name="FirstName" value="John"><br>
Last name: <input type="text" name="LastName" value="Doe"><br>
<input type="submit" value="Submit">
</form>

<p>Your first and last name, please!!!.</p>

和CSS:

::selection
{
color: #fff;
background: green;
}
::-moz-selection
{
color: #fff;
background: green;
}
input::selection
{
color: #fff;
background: purple;
}
input::-moz-selection
{
color: #fff;
background: purple;
}

谁能告诉我如何使它与 Chrome 和其他浏览器一起工作?在这里创建了一个完整的代码。

更新:我想澄清自己,问题是关于添加::selection内部文本<input>和其他表单字段(首先在问题中解释)。问题不在于::selectionFirefox 以外的浏览器中的普通文本(在 Firefox 中运行良好)。::selection在任何浏览器中添加非表单元素时,我从来没有遇到过问题。

4

1 回答 1

0

我认为他们开始支持这个选择器。

::selection为内部文本提供颜色的选择<input>器现在可以在 Chrome 浏览器上正常工作。您可以在 chrome 上检查相同的代码段进行测试。

在此处输入图像描述

于 2014-12-23T06:38:00.187 回答