Question

当用户点击下面的框时，光标和键入的文本为黑色。我怎么能让它们成为#DE2A00的颜色？

<div class="usernameformfield"><input tabindex="1" accesskey="u" name="username" type="text" maxlength="35" id="username" /></div>

Answer 1

只需使用CSS：

#username{color:#000;} /* black when not with focus */
#username:focus{color:#de2a00;} /* green when input has focus - only affects this specific input */

Answer 2

<style>
#username {
    color: #DE2A00;
}
</style>

或者，当用户点击字段时，您可以更改颜色：

<script type=text/javascript src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js'></script>
<script type=text/javascript>
    $(document).ready(function() {
        $('#username').click(function(){
            $(this).css({'color': '#DE2A00'});
        });
    });
</script>

这取决于你想要什么，我会看看这个引用开始玩一些东西：

w3schools

和

css-tricks

Answer 3

你可以使用这些小JavaScripts：

onfocus="this.style.background = '#DE2A00'" onblur="this.style.background = 'white'"

Answer 4

稍短一点：

input:focus { color: #DE2A00  }

Answer 5

我假设您需要该颜色的文本框内的文本，如果是这样的话

 <input...type="text"...style="color: #DE2A00;"/></div>

在输入框中更改文本和光标的颜色

5 个答案: