谷歌浏览器为什么不支持鼠标滑过和鼠标单击的时候实现不出来

jike_9617547 CSS3 选择器详解(三) 最后由 极客学院_ASMITA 于2016年11月02日回复

  • 1 回答
  • 880 浏览

<style type="text/css">

<!--hover , foucs , active  -->

/*

hover:表示当鼠标滑过的时候使用一个样式

*/

input[type="text"]:hover{

background-color:#0F0;

}

input[type="button"]:hover{

background-color:#0F0;

}

/*

foucs:当鼠标单击的时候使用样式

*/

input[type="text"]:fouce{

background-color:#0C9;

}

input[type="button"]:fouce{

background-color:#000;

}

input[type="text"]:active{

background-color:#666;

}

input[type="button"]:{

background-color:#000;

}

</style>

</head>

<body>

<input type="text" name="name" />

<input type="text" name="age" />

<input type="button" name="but" value="按钮" />

</body>