使用js将input元素字体颜色设置为橙色

JavaScript09

使用js将input元素字体颜色设置为橙色,第1张

1.首先刚加载页面的时候，给一个input标签默认灰色的placeholder提示。

2、然后用户点击输入框的时候，更改placeholder文字内容。

3、最后可以选择颜色改为橙色即可。

要写select选中事件，根据选中改变背景或者CSS

<script src="jquery.min.js"></script>

<div id="div">这是一个文本框</div>

<select name="" class="select">

<option>选择颜色</option>

<option value="red">红色</option>

<option value="green">绿色</option>

<option value="yellow">黄色</option>

</select>

<script>

$('.select').change(function(event) {

var bgColor = $(this).val()

$("#div").css("background",bgColor)

})

</script>