点击表单文本框后出现I字型光标，请问如何在css中设置以改变其颜色．

html-css08

点击表单文本框后出现I字型光标，请问如何在css中设置以改变其颜色．,第1张

A:link {COLOR: #ffffffFONT-FAMILY: verdanaTEXT-DECORATION: none}

A:visited {COLOR: #ffffffFONT-FAMILY: verdanaTEXT-DECORATION: none}

A:active {COLOR: #ff7f00FONT-FAMILY: verdanaTEXT-DECORATION: none}

A:hover {COLOR: #ff7f00FONT-FAMILY: verdanaTEXT-DECORATION: underline}

BODY {FONT-SIZE: 12pxFONT-FAMILY: verdana}

TH {FONT-SIZE: 12pxFONT-FAMILY: verdana}

TD {FONT-SIZE: 12pxFONT-FAMILY: verdana}

A:link 是有连接的文字的颜色

A:visited 已经访问的连接的颜色

A:active 活动连接的颜色

A:hover 鼠标经过的颜色

后面的COLOR: #ffffff表示字体的颜色

TEXT-DECORATION: none 表示没有字体样式，例如没有粗体没有下划线

1、首先，打开HTML编辑器并创建一个新的HTML文件，比如index.html。

2、在index.html中的<style>标签中，输入css代码：button {background-color: #00a7d0}

button:hover {background-color: #ff7701}。

3、当浏览器运行索引index.html页面中，出现蓝色背景颜色的按钮。

4、将鼠标移到按钮上，按钮的背景颜色将变为橙色。