用css更改文本输入的值？

Question

无论如何用css更改文本输入的值(显示的默认文本)？

我正在为一个移动网站进行优化,我希望将"搜索此网站"的文本缩短为"搜索".谢谢

Answer 1

这真的不是CSS的用途.

CSS用于样式化您的内容; HTML是针对实际内容的.

如果您需要在HTML加载后修改内容,那么这就是Javascript的用途.

所以你的问题的真正答案是:直接修改HTML,或使用Javascript.

你可以用CSS做一些影响内容的事情,比如使用:before和:after伪选择器在元素的前面或后面添加额外的文本,但在这种情况下这对你没有帮助,也不应该用于你正在谈论的那种内容改变工作.

顺便说一句,稍微偏离主题,但如果您使用输入字段值作为提示文本,您可能需要考虑查看HTML5 placeholder属性.这也没有解决你的问题,但听起来它可能对你有用.

@RubenMartinezJr.:我没有忽略`content`; 它只适用于像`:before`这样的选择器,这就是答案.但问题是,尽管你可以做到,但你不应该:将重要内容放入CSS中是一种不好的做法.它混淆了CSS设计的样式和内容之间的分离,并且它对最终用户具有可用性问题(例如,它不能被复制+粘贴,盲人用户不会被屏幕阅读器读取等).底线是`:before`和`:after`中的`content`属性应仅用于现场效果,而不是用于实际网站内容. (5认同)
好吧,如果你*完全*忽略CSS`content`属性,我认为这是真的. (4认同)

Answer 2

不,CSS不能改变value的属性input,或任何元素的任何属性.