相关疑难解决方法(0)

我正试图让一个谈话泡泡风格的divbox在点击后完全改变颜色.

我遇到了一个问题,即获取:before我正在使用的伪元素(塑造talkbubble的箭头)以实际更改颜色与元素的其余部分,如下所示:

HTML

<div class="clickables">
        <div class="talkbubble">
            <input type="hidden" class="tbselector" value="sbselection_1">
            <div class="thumbnail">
               <img src="images/thumbnail1.png" height="33" width="30" />
             </div>
             <div class="words">Commons</div>
         </div>
         <div class="talkbubble">
             <input type="hidden" class="tbselector" value="sbselection_2">
             <div class="thumbnail">
                 <img src="images/thumbnail1.png" height="33" width="30" align="middle" />
             </div>
             <div class="words">crossroads</div>
         </div>
         .
         . More and more
         .
    </div>
</div>

CSS ^{只是相关的}

.talkbubble {
   background: white;
   color: rgb(0,0,0);
   height: 40px;
   margin-top: 1%;
   margin-left: 48%;
   margin-right: auto;
   position: relative;
   width: 150px;    
 }
.talkbubble:before {
   border-top: …

我正在尝试更改占位符中的文本颜色。它只适用于浏览器 Firefox。

有我的 HTML

<form name="sentMessage" class="form-horizontal" role="form"  novalidate>
<div class="control-group">
<div class="controls">
<input type="text" class="form-control" placeholder="Full Name" id="name" name="name" required data-validation-required-message="Please enter your name" style="resize:none; color: #BC987E; background-color: #808080; border-color:#808080"/>
<p class="help-block"></p>
</div>
</div>     
<div class="control-group">
<div class="controls">
<input type="email" class="form-control" placeholder="Email" id="email" name="email" required data-validation-required-message="Please enter your email" style="resize:none; color: #BC987E; background-color: #808080; border-color:#808080"/>
<p class="help-block"></p>
</div>
</div>  
<div class="control-group">
<div class="controls">
<textarea rows="10" cols="100" class="form-control" placeholder="How can I help you?" id="message" required data-validation-required-message="Please enter your message" minlength="5" …

我想更改文本字段占位符的颜色。这是我的代码。提前致谢

<input type="text" placeholder="input here"/>

我有表格字段,如<input type="text" placeholder="Name*">.然后我将CSS应用于占位符,因此它是灰色的.但是,我想将星号(*)更改为红色.我如何使用jQuery或Javascript定位属性中的那个字符？

请参阅此问题的答案。我写CSS规则：

::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder {
    color:    #999;
}

因此，firefox无法识别其元素（-moz-placeholder和-moz-placeholder）。为什么？是否可以将所有这些伪元素写入一个CSS规则？

比如我有

<textarea placeholder="blah blah blah">

</textarea>

我试着把占位符放在中心......

textarea[placeholder]
{
    text-align: center;
}

但是当我这样做时,文本框光标从中间而不是左边开始.

那么如何在不更改起始光标区域的情况下将占位符消息显示在textarea的中心？

我正在改变这样的输入字段的不透明度......

<body>
    <form>
        <input type="text" name="fname" placeholder="First name"><br>
    </form>
</body>

body{background:black}
input{height:30px;opacity:.5;}

http://jsfiddle.net/hbakrvnv/

这有效，但它也会改变占位符的不透明度。如何在 50% 不透明度输入字段的顶部将占位符文本保持为白色？

我正在尝试设置占位符文本,但我似乎无法选择它.如果我的输入是这样的:

<input id="search" class="search-query" placeholder="Placeholder text here" name="" value"">

如何在css中选择占位符文本进行样式设置？

我们可以仅使用CSS更改HTML5 占位符的文本内容吗？

我试过使用content : ''但它似乎没有帮助.

<input type="text" class="zip" placeholder="Enter Zip" />

input{
    &:placeholder{
       content:'Search by name'
    }
}

我有一个我不想触摸的Wordpress插件,所以我希望我的目标只能用CSS实现.我在Chrome开发者工具中使用CSS搞砸了(没有双关语),但最终却一团糟.

我想要的是标签位于输入字段的顶部."在顶部"意味着Z-而不是Y轴.下面是HTML结构.提前谢谢你的大脑.

<p>
  <label>Name<br>
    <span>
      <input type="text" name="your-name" value="" size="40">
    </span>
  </label>
</p>

我想弄清楚如何将搜索框的占位符文本的颜色更改为白色，这是我的 css：

继承人的html：

如何在占位符中添加其他颜色的星星<input type="text" />？