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

html-css023

点击表单文本框后出现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 表示没有字体样式，例如没有粗体没有下划线

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<html xmlns="">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>pro1</title>

<style type="text/css">

*

ul

ul li

ul li:hover ul

ul li a

ul li a:hover

.pro1

.pro1 li

</style>

</head>

<body>

<ul>

<li><a href="#">产品1</a>

<ul class="pro1">

<li>销量</li>

<li>价格</li>

<li>收藏</li>

<li>人气</li>

<li>新品</li>

</ul>

</li>

<li><a href="#">产品2</a>

</li>

<li><a href="#">产品3</a>

<ul class="pro1">

<li>销量</li>

<li>价格</li>

<li>收藏</li>

<li>人气</li>

<li>新品</li>

</ul>

</li>

</ul>

</body>

</html>

试写了一个 但是估计不用js效果不好 再说 IE6不用js很难兼容

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

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

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

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

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