documentation
.HELP!
CSS v3 Documentation
E:focus
CSS v3
previous page
next page
用户行为伪类选择符 E:focus
版本：CSS1/CSS2
语法：
E:focus
{ sRules }
说明：
设置对象在成为输入焦点（该对象的onfocus事件发生）时的样式。
webkit内核浏览器会默认给:focus状态的元素加上
outline
的样式。
兼容性：
= 支持
= 不支持
= 部分支持
= 实验性质
支持版本
\类型
较早版本
6.0-7.0
4.0
5.1
13.0
11.50
最近版本
8.0
示例：
<!DOCTYPE html> <html lang="zh-cn"> <head> <title>用户行为伪类选择符 E:focus_CSS参考手册_web前端开发参考手册系列</title> <meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com"> <meta name="copyright" content="www.doyoe.com"> <style> h1{font-size:16px;} ul{list-style:none;margin:0;padding:0;} input:focus{background:#f6f6f6;color:#f60;border:1px solid #f60;outline:none;} </style> </head> <body> <h1>请聚焦到以下输入框</h1> <form action="#"> <ul> <li><input value="姓名"></li> <li><input value="单位"></li> <li><input value="年龄"></li> <li><input value="职业"></li> </ul> </form> </body> </html>
previous page
start
next page
Menu
Homepage
Table of contents
简介 Introduction
Introducing Index
关于本手册 About This Handbook
关于样式表 Introduction To CSS
关于作者 About Me
阅读及使用指引 The Use Guides
鸣谢 Thanks
捐赠 Contribute
属性 Properties
Properties index
定位(Positioning)
Positioning index
position
z-index
top
right
bottom
left
布局(Layout)
Layout index
display
float
clear
visibility
clip
overflow
overflow-x
overflow-y
尺寸(Dimension)
Dimension index
width
min-width
max-width
height
min-height
max-height
外补白(Margin)
Margin index
margin
margin-top
margin-right
margin-bottom
margin-left
内补白(Padding)
Padding index
padding
padding-top
padding-right
padding-bottom
padding-left
边框(Border)
Border index
border
border-width
border-style
border-color
border-colors
border-top
border-top-width
border-top-style
border-top-color
border-top-colors
border-right
border-right-width
border-right-style
border-right-color
border-right-colors
border-bottom
border-bottom-width
border-bottom-style
border-bottom-color
border-bottom-colors
border-left
border-left-width
border-left-style
border-left-color
border-left-colors
border-image
border-radius
border-top-left-radius
border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius
box-shadow
背景(Background)
Background index
background
background-color
background-image
background-repeat
background-attachment
background-position
background-origin
background-clip
background-size
Multiple background
颜色(Color)
Color index
color
opacity
字体(Font)
Font index
font
font-style
font-variant
font-weight
font-size
font-family
font-stretch
文本(Text)
Text index
text-indent
text-overflow
text-align
text-transform
text-decoration
text-shadow
letter-spacing
word-spacing
vertical-align
word-wrap
white-space
direction
unicode-bidi
line-height
tab-size
列表(List)
List index
list-style
list-style-image
list-style-position
list-style-type
表格(Table)
Table index
table-layout
border-collapse
border-spacing
caption-side
empty-cells
内容(Content)
Content index
content
counter-increment
counter-reset
quotes
用户界面(User Interface)
User Interface index
outline
outline-width
outline-style
outline-color
outline-offset
nav-index
nav-up
nav-right
nav-down
nav-left
cursor
zoom
box-sizing
resize
多栏(Multi-column)
Multi-column index
columns
column-width
column-count
column-gap
column-rule
column-rule-width
column-rule-style
column-rule-color
column-span
column-fill
column-break-before
column-break-after
column-break-inside
变换(transform)
Transform index
transform
transform-origin
过渡(transition)
Transition index
transition
transition-property
transition-duration
transition-timing-function
transition-delay
动画(Animation)
Animation index
animation
animation-name
animation-duration
animation-timing-function
animation-delay
animation-iteration-count
animation-direction
animation-play-state
打印(Printing)
Printing index
page
page-break-before
page-break-after
page-break-inside
Only IE
Only IE index
scrollbar-3dlight-color
scrollbar-darkshadow-color
scrollbar-highlight-color
scrollbar-shadow-color
scrollbar-arrow-color
scrollbar-face-color
scrollbar-track-color
scrollbar-base-color
filter
behavior
选择符 Selectors
Selectors index
元素选择符
Element Selectors index
通配选择符(*)
类型选择符(E)
ID选择符(E#id)
类选择符(E.class)
关系选择符
Relationship Selectors index
包含选择符(E F)
子选择符(E>F)
相邻选择符(E+F)
兄弟选择符(E~F)
属性选择符
Attribute Selectors index
E[att]
E[att="val"]
E[att~="val"]
E[att^="val"]
E[att$="val"]
E[att*="val"]
E[att|="val"]
伪类选择符
Pseudo-Classes Selectors index
E:link
E:visited
E:hover
E:active
E:focus
E:lang()
E:not()
E:root
E:first-child
E:last-child
E:only-child
E:nth-child(n)
E:nth-last-child(n)
E:first-of-type
E:last-of-type
E:only-of-type
E:nth-of-type(n)
E:nth-last-of-type(n)
E:empty
E:checked
E:enabled
E:disabled
E:target
@page:first
@page:left
@page:right
伪对象选择符
Pseudo-Element Selectors index
E:first-letter/E::first-letter
E:first-line/E::first-line
E:before/E::before
E:after/E::after
E::selection
语法与规则 Rules
Rules and Syntax index
!important
comment
@import
@charset
@media
@font-face
@page
@keyframes
取值 Values
Values index
color
Color Values index
Color Name
HEX
RGB
RGBA
HSL
HSLA
transparent
<number>
<integer>
<length>
<percentage>
<angle>
<time>
<frequency>
<fraction>
<grid>
<string>
url()
counter()
attr()
calc()
min()
max()
linear-gradient()
radial-gradient()
repeating-linear-gradient()
repeating-radial-gradient()
单位 Units
Units index
长度(Length)
Length Units index
em
ex
px
rem
vw
vh
vm
%
cm
mm
in
pt
pc
角度(Angle)
Angle Units index
deg
grad
rad
turn
时间(Time)
Time Units index
s
ms
频率(Frequency)
Frequency Units index
Hz
kHz
fr
gr
附录 Appendix
Appendix index
颜色关键字(Color Keywords)
媒体类型(Media Types)
CSS Hack
CSS Hack Index
条件Hack
属性级Hack
选择符级Hack
问题和经验 Experience
Question And Experience Index
Bugs和解决方案
技巧和经验
其它经验
速查表 Quick Search
Get in touch
Submit feedback about this site to:
[email protected]