Chrome支持占位符属性的input[type=text]元素(别人可能做太多).
但以下CSS内容对占位符的值没有任何作用:
input[placeholder], [placeholder], *[placeholder] {
color: red !important;
}Run Code Online (Sandbox Code Playgroud)
<input type="text" placeholder="Value">Run Code Online (Sandbox Code Playgroud)
Value仍然会留下grey而不是red.
有没有办法改变占位符文本的颜色?
我正在寻找一种方法来改变JavaScript类的伪类选择器(例如:link,:hover等)的CSS规则.
所以CSS代码的类比:a:hover { color: red }在JS中.
我无法在其他任何地方找到答案; 如果有人知道这是浏览器不支持的东西,那么这也是一个有用的结果.
如何text-align: right;只为占位符活跃?
<input type="text" name="airline_search" style="direction: ltr; border: none;" placeholder="??????">
Run Code Online (Sandbox Code Playgroud)
我希望使用direction: ltr;for text(键入inpute)和text-align: right;占位符.
我有以下形式的输入标签
<input type="text" name="firstname" id="firstname" placeholder="First name">
Run Code Online (Sandbox Code Playgroud)
首先,我使用 jquery 检查该字段是否为空
$("#submitreg").click(function(e){
if ($.trim($("#firstname").val())=='')
{
$("#firstname").attr('placeholder',"first name can't be empty");
e.preventDefault();
}
});
Run Code Online (Sandbox Code Playgroud)
现在,如果输入字段为空,我将占位符更改为“名字不能为空”。是否也可以将占位符颜色更改为红色并使用 jquery 将字体设为 85%。
谢谢
css ×3
html ×3
placeholder ×2
css-in-js ×1
forms ×1
html-input ×1
html5 ×1
input ×1
javascript ×1
jquery ×1
pseudo-class ×1