需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：<input type="text" style="outline: none" />。
3、浏览器运行index.html页面，此时输入框选中后出现的蓝色边框被去除了。
你选中的这行文本需要放在标签里面才能控制。假如你有一行文字放在<b>标签里面，你写了事件选择文字的时候弹出颜色选择菜单，当你选择一种颜色的时候，会产生对应的16进制值，如：#65342F，你用js代码获取对应的<b>标签，然后设置color属性值为这个颜色对应的值就行了。。。
现在我们有一个下拉列表，Html代码如下：[html] view plain copy
<select id="fruit_type">
<option value ="f1">Apple</option>
<option value ="f2">Banana</option>
<option value ="f3">Orange</option>
<option value ="f4">Pearl</option>
</select>
这个是时候我们想拿到选中的水果的名字，比如Apple，下面的代码不行：
[javascript] view plain copy
var fruit_select = document.getElementById("fruit_type")
var fruit_name = fruit_select.value
这个时候只能拿到水果的id，比如 f1
这时需要先得到选中的菜单项的index，再取文字
[javascript] view plain copy
var fruit_select = document.getElementById("fruit_type")
var fruit_index=fruit_type_select.selectedIndex
[javascript] view plain copy
// 这行会返回 f1
var fruit_id = fruit_type_select.options[fruit_type_index].value
[javascript] view plain copy
// 这行才能返回我们想要的 Apple
var fruit_name = fruit_type_select.options[fruit_type_index].text
