相关疑难解决方法(0)

我已经看过这篇文章并尝试了一切我可以改变占位符的填充但是唉,似乎它只是不想合作.

无论如何,这是css的代码.(编辑:这是sass生成的css)

#search {
  margin-top: 1px;
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 220px;
}

#search form {
  position: relative;
}

#search input {
  padding: 0 10px 0 29px;
  color: #555555;
  border: none;
  background: url('/images/bg_searchbar.png?1296191141') no-repeat;
  width: 180px;
  height: 29px;
  overflow: hidden;
}

#search input:hover {
  color: #00ccff;
  background-position: 0px -32px;
}

这是简单的html:

<div id="search">
  <form>
    <input type="text" value="" placeholder="Search..." name="q" autocomplete="off" class="">
  </form>
  <div id="jquery-live-search" style="display: block; position: absolute; top: 15px; width: 219px;"> …

两个问题:

1. 我试图使占位符文本变白.但它不起作用.我正在使用Bootstrap 3.JSFiddle demo

2. 另一个问题是如何更改占位符颜色而不是全局.也就是说,我有多个字段,我只希望一个字段有白色占位符,所有其他字段保持默认颜色.

提前致谢.

HTML:

<form id="search-form" class="navbar-form navbar-left" role="search">
    <div class="">
        <div class="right-inner-addon"> <i class="icon-search search-submit"></i>
            <input type="search" class="form-control" placeholder="search" />
        </div>
    </div>
</form>

CSS:

.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;
    background-color:#303030;
    font-size: 13px;
    color:white;

}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    /*  pointer-events: none; */
    cursor: pointer;
    color:white;
}


/* do not group these rules*/
::-webkit-input-placeholder { color: white; }
FF 4-18 
:-moz-placeholder           { color: white; } …

在WebKit和火狐,在文本input的placeholder棒周围focus-它并没有消失,直到input.val真正拥有它的东西.

是否有一种强制IE10做同样事情的好方法？

有没有一种方法可以使输入值大写而不使占位符大写？

好像我得到了一个或另一个.我更喜欢只使用CSS(JS最后的手段)干净利落地完成这项工作.

我试着按照以下主题,但没有成功. 使用CSS更改HTML5输入的占位符颜色

我尝试着色我的占位符,但它仍然在Chrome 17.0.963.56米上保持灰色.

HTML

<input type='text' name='test' placeholder='colorize placeholder' value='' />

CSS

INPUT::-webkit-input-placeholder, 
INPUT:-moz-placeholder {
    color:red;
}
input[placeholder], [placeholder], *[placeholder]
{
    color:green !important;
}

的jsfiddle

• http://jsfiddle.net/F4xfV/1/

在Firefox 10.0.2上,它运行良好.

Google Chrome和Mozila Firefox支持输入的占位符属性.如何更改占位符颜色我的代码是

<input type="text" placeholder="change color" />

是否可以设置placeholder文本的颜色？

<textarea placeholder="Write your message here..."></textarea>

是否可以使用":: - webkit-input-placeholder"和jQuery为占位符文本设置颜色？

像这样的东西:

$("input::-webkit-input-placeholder").css({"color" : "#b2cde0"});

我认为这是一个简单的问题,但我不知道如何在谷歌搜索这个问题

我需要输入文本字段中的背景文本.喜欢:插入你的名字.当我按下字段插入我的名字时,文字消失了

好的,谢谢你的解决方案.

<input id="textfield" name="textfield" type="text" placeholder="correct" />

现在我得到第二个问题.如何更改占位符的颜色？这是我的文字区域:http: //jsfiddle.net/wy8cP/1/

我知道有这个职位上改变占位符文本.我已经尝试在我的textarea标签上实现

textarea::-webkit-input-placeholder {
color: #fff;
}

textarea:-moz-placeholder { /* Firefox 18- */
color: #fff;  
}

textarea::-moz-placeholder {  /* Firefox 19+ */
color: #fff;  
}

textarea:-ms-input-placeholder {
color: #fff;  
}

但它没有做任何事情.我错过了什么？

这就是我textarea的一个样子

<textarea
  onChange={(e) => this.props.handleUpdateQuestion(e, firstQuestion.Id)}
  placeholder="Overall Satisfaction Question"
  name="SEO__Question__c"
  type="text"
  className="slds-input"
  value={firstQuestion.SEO__Question__c ? firstQuestion.SEO__Question__c : ''}
  style={inputStyle}
  autoFocus
/>