相关疑难解决方法(0)

使用CSS更改HTML5输入的占位符颜色

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.

有没有办法改变占位符文本的颜色?

html css html5 placeholder html-input

3876
推荐指数
29
解决办法
171万
查看次数

从JavaScript设置CSS伪类规则

我正在寻找一种方法来改变JavaScript类的伪类选择器(例如:link,:hover等)的CSS规则.

所以CSS代码的类比:a:hover { color: red }在JS中.

我无法在其他任何地方找到答案; 如果有人知道这是浏览器不支持的东西,那么这也是一个有用的结果.

javascript css pseudo-class css-in-js

119
推荐指数
8
解决办法
9万
查看次数

text-align:right; 仅限占位符?


如何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;占位符.

html css placeholder

51
推荐指数
4
解决办法
7万
查看次数

使用 jquery 更改占位符文本字体和颜色

我有以下形式的输入标签

<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%。

谢谢

html forms jquery input

4
推荐指数
1
解决办法
3686
查看次数