标签：
E:hover 用于指定当鼠标指针移动到元素上面时元素所使用的样式；E:indeterminate 指定当页面打开时，如果一组单选按钮中任何一个选项都没有被设定为选取状态时，整组单选按钮的样式；如果用户选取了其中任何一个单选按钮，则该样式将被停止使用。
E::selection 设置元素被选中状态的样式。
简单看一下用法：
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<style>
#submit:active
{
outline:none;
box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;
...
}
#submit::-moz-focus-inner
{
border:none;
}
</style>
</head>
<body>
<form id="login">
<fieldset id="inputs">
<input id="username" type="text" placeholder="名称" autofocus required />
<input id="password" type="password" placeholder="密码" required />
</fieldset>
<fieldset id="actions">
<input type="submit" id="submit" value="登录" />
<a href="">忘记密码？</a>
<a href="">注册</a>
</fieldset>
<a href="http://blog.csdn.net/lindonglian" id="back">返回</a>
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
:checked
{
outline:2px solid #ee0000;
}
</style>
</head>
<body>
<div id="table">
<div id="eve1">
<form>
服务态度：
<input type="checkbox">
非常好
</input>
<input type="checkbox">
良好
</input>
<input type="checkbox">
一般
</input>
</form>
</div>
</div>
</body>
</html>
标签：
原文地址：http://blog.csdn.net/lindonglian/article/details/46454897
