我正在尝试为输入值设置背景和颜色。::-moz-selection
我成功地为 Mozilla 浏览器做到了这一点,但::selection
在 Chrome 和其他浏览器(如 Opera)中不起作用。
Chrome 中表单的屏幕截图- ::selection
。它失败了:
Mozilla Firefox 中表单的屏幕截图- ::-moz-selection
。它有效:
这是我的代码:
<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>
和其他表单字段(首先在问题中解释)。问题不在于::selection
Firefox 以外的浏览器中的普通文本(在 Firefox 中运行良好)。::selection
在任何浏览器中添加非表单元素时,我从来没有遇到过问题。