我的文字框中有以下文字View:

占位符的代码:

@Html.TextBoxFor(m => m.Listing.Location.AddressLine1, new {@placeholder="Address Line 1 - Required"})

问题:如何在RED中将文本设为"必需".

我在表单上有一个基本的输入元素:

<input type="text" name="where" placeholder="Location or Place">

但是我希望将占位符与下面的设计内联:

目前我有以下款式:

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

显然这不会处理浅蓝色或'文字.我很乐意尽可能使用CSS3.它可以使用CSS来设计这个样式吗？

如何在不影响Internet Explorer 11中的字体颜色的情况下更改input 文本框的placeholder字体颜色？

如果我改变输入中的字体颜色(小提琴):

HTML:

<div class="buttonToolbar">
    <input type="text" placeholder="e.g. Stackoverflow"><br>
</div>

CSS:

.buttonToolbar input {
    color: Blue;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-style: italic;
    color: GrayText;
}
::-webkit-input-placeholder { /* WebKit browsers */
     font-style: italic;
     color: GrayText;
}

占位符文本不再是Internet Explorer 11中的默认灰色颜色:

但它确实在Chrome 35中显示:

奖金Chatter

如果我没有设置input框的样式,那么输入框没有样式.更改:

.buttonToolbar input {
    color: Blue;
}

至

.buttonToolbar {
    color: Blue;
}

意味着占位符文本现在可以执行以下操作:

但现在文字颜色没有做它应该做的事情:

我需要的是弄清楚如何使用CSS更改输入的HTML5占位符颜色.

奖金阅读

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

找不到输入元素的默认占位符样式.没有任何webkit-input-placeholder,-moz-placeholder,-moz-placeholder或-ms-input-placeholder风格在任何css文件设置.

更新:伙计们,不要急于评判我.我有遗留代码(css文件的音调).IE 11中没有正确显示一个占位符样式(字体粗细,颜色等).我开始找到定义占位符样式的位置.我没有找到你们提到的任何占位符样式声明.
所以我假设浏览器中有占位符的默认样式.

阅读关于HTML5的文章,我发现虽然占位符在形式可用性方面非常有用,但如果它们不能在没有javascript的情况下使用CSS,那么它们确实是一个小步骤.

那么我可以将CSS中的占位符定位为与输入文本不同吗？

我想在调用mobileValidate()后更改此占位符的颜色.

<input type="text" class="form-control" name="InputMobile" id="Mobile"    placeholder="Enter Mobile Number" onblur="mobileValidate()"required>

JavaScript函数是

function mobileValidate(){

    var x = document.getElementById("Mobile");

        if ((x.value).match(re)){
            alert("mobile Number is valid");
        }
        else{

            alert("mobile no is not valid");
            x.value="";
            x.placeholder.style.color="red";
        }

}

我有一个带有占位符的输入元素，它需要一个 CSS 省略号。当输入没有焦点时，省略号正常工作，但是当我单击输入字段时，省略号消失，我看到完整的占位符。我如何防止这种情况发生？

如何在 Bootstrap 中更改占位符颜色？

我尝试过的以下代码不起作用。

input::-webkit-input-placeholder {
        color: red;
}

input:-moz-placeholder {
        color: red;
}

我正在尝试更改占位符中的文本颜色。它只适用于浏览器 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" …

试图将默认选择值的颜色设置为黑色但它不起作用，我什至放了 !important 所以它覆盖了被它覆盖的任何引导程序颜色。感谢您提供任何帮助。

const colourStyles = {
      control: styles => ({ ...styles, overflow: 'hidden', color: 'black !important',backgroundColor: this.state.selectedOption.value || '#32CD32', fontSize: 23,  paddingLeft: 'center', height:46}),
      singleValue: styles => ({ ...styles, color: 'black' }),
    }
<Select
 onChange={this.handleChange}
 options={optionsStatus}
 styles={colourStyles}
 placeholder= 'Status'
/>