Question

这是一个TextBox：

<asp:TextBox ID="UsernameTextBox" runat="server" class="BlockInput"></asp:TextBox>

我想给一个asp textbox一些颜色，但颜色没有变化

 <script type="text/javascript">
     function BlockInput() {
         var elements = document.getElementsByClassName("BlockInput");
         for (var i = 0; i < elements.length; i++) {
             elements[i].readOnly = true; // works
             elements[i].style.color = "#000000";// does not work!
         }
     }
     window.onload = BlockInput;
</script>

当我查看来源时，我可以看到添加的样式：

<input name="ctl00$MainContent$UsernameTextBox" 
       type="text" id="MainContent_UsernameTextBox"
       class="BlockInput" readonly="" style="color: rgb(0, 0, 0);">

我也确保没有任何东西覆盖css。

Answer 1

更改

elements[i].style.color = "#000000";

到

elements[i].style.backgroundColor= "#000000";

希望这会对你有所帮助。

<script type="text/javascript">
     function BlockInput() {
var elements=document.getElementsByTagName('input');
         for (var i = 0; i < elements.length; i++) {
             elements[i].readOnly = true; // works
             elements[i].style.backgroundColor= "#000000";
         }
     }
     window.onload = BlockInput;
</script>

Answer 2

变量elements未定义。你想做点什么吗？：

function BlockInput() {
         var elements = document.getElementsByTagName('input');
         for (var i = 0; i < elements.length; i++) {
             elements[i].readOnly = true; // works
             elements[i].style.color = "#000000";// does not work!
         }
     }

<强> Fiddle

Answer 3

使用颜色样式，您将文本颜色设置为黑色。如果要更改textarea的背景颜色，请尝试以下操作：

elements[i].style.backgroundColor = "#000000";

无法更改TextBox颜色？

3 个答案: