如何在Chrome浏览器中为<input>使用`:: selection`？
网民
我正在尝试为输入值设置背景和颜色。我::-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在任何浏览器中添加非格式元素的问题。
网民
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在Chrome浏览器中为<input>使用`:: selection`？
- 2
如何让Chromium使用Google Chrome浏览器中的Flash？
- 3
如何让Chromium使用Google Chrome浏览器中的Flash？
- 4
如何使用插件在 Chrome 浏览器中运行 apk？
- 5
如何在cshtml ASP.NET Core中调试JavaScript脚本（通过使用Chrome浏览器或Visual Studio 2019）？
- 6
如何在Chrome浏览器的地址栏中创建使用Google学术搜索进行搜索的快捷方式？
- 7
在移动Web浏览器中使用input [type ='file']捕获照片后，如何在画布上以正确的方向绘制照片？
- 8
如何在浏览器中获得相同的<input type =“ color”>值更改功能？
- 9
如何使用Chrome浏览器API更改chrome：// flags？
- 10
如何在使用移动浏览器浏览器时防止从缓存中重新加载网页？
- 11
如何在Android Studio中使用Google Chrome浏览器作为参考？
- 12
如何在Google Chrome浏览器中使用退格键
- 13
如何在Android上使用Selenium或Appium自动化Chrome浏览器？
- 14
如何在Java Chrome浏览器上使用Java插件？
- 15
如何在Google Chrome浏览器中使用退格键
- 16
如何在Java Chrome浏览器上使用Java插件？
- 17
如何在Android上使用Selenium或Appium自动化Chrome浏览器？
- 18
如何在暗模式下使用Google Chrome浏览器预览PDF？
- 19
如何在c#中使用chrome web浏览器获取javascript的返回值
- 20
如何使用浏览器在Firefox / IE / Chrome中显示ppt / doc / xls / pdf
- 21
如何使用Python在Chrome浏览器中打开Google表格文档？
- 22
如何使用uiautomation在android的chrome浏览器中打开url
- 23
如何使用Python在Chrome浏览器中打开Google表格文档？
- 24
如何使用Mac在Chrome浏览器中强制执行扩展程序设置？
- 25
如何使用Google Chrome浏览器播放.swf文件？
- 26
使用IE浏览器的javascript中预期为“）”
- 27
如何在VB.NET中为我的Web浏览器（使用VS2015社区）开发检查元素选项卡
- 28
如何在python 3中使用指定的Web浏览器打开URL
- 29
如何在使用Javascript的浏览器中解析非UTF8 XML？
我来说两句