documentation
.HELP!
CSS3 Documentation
E:focus
CSS3
previous page
next page
CSS参考手册
»
选择符列表
»
伪类选择符
»
相关内容：
其它伪类选择符参考
选择其它项
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
用户行为伪类选择符 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
速查表 Quick Search
CSS3列表 CSS3 List
简介 Introduction
Introducing Index
关于本手册 About This Handbook
关于样式表 Introduction To CSS
关于作者 About The Author
阅读及使用指引 The Use Guides
鸣谢 Thank You
捐赠 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
弹性盒模型(Flexible Box)
Flexible Box index
box-orient
box-pack
box-align
box-flex
box-flex-group
box-ordinal-group
box-direction
box-lines
尺寸(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-top
border-top-width
border-top-style
border-top-color
border-right
border-right-width
border-right-style
border-right-color
border-bottom
border-bottom-width
border-bottom-style
border-bottom-color
border-left
border-left-width
border-left-style
border-left-color
border-image
border-radius
border-top-left-radius
border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius
box-shadow
box-reflect
背景(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-decoration-line
text-decoration-color
text-decoration-style
text-shadow
text-fill-color
text-stroke
text-stroke-width
text-stroke-color
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-color
outline-style
outline-offset
nav-index
nav-up
nav-right
nav-down
nav-left
cursor
zoom
box-sizing
resize
ime-mode
多栏(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
2D变换(2D 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
animation-fill-mode
打印(Printing)
Printing index
page
page-break-before
page-break-after
page-break-inside
媒体查询(Media Queries)
Media Queries Index
width
height
device-width
device-height
orientation
aspect-ratio
device-aspect-ratio
color
color-index
monochrome
resolution
scan
grid
Only Ie
Only IE index
scrollbar-3dlight-color
scrollbar-darkshadow-color
scrollbar-highlight-color
scrollbar-shadow-color
scrollbar-arrow-color
scrollbar-base-color
scrollbar-track-color
scrollbar-face-color
filter
behavior
Only Firefox
Only Firefox index
border-colors
border-top-colors
border-right-colors
border-bottom-colors
border-left-colors
选择符 Selectors
Selectors index
元素选择符
Element Selectors index
通配选择符(*)
类型选择符(E)
ID选择符(E#myid)
类选择符(E.myclass)
关系选择符
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 Type index
Color Name
HEX
RGB
RGBA
HSL
HSLA
transparent
文本(Textual)
Textual Data Type Values index
<string>
<url>
<identifier>
函数(Functional)
Functional Notations Type Values index
counter()
attr()
calc()
min()
max()
cycle()
图像(Image)
Image Type Values index
linear-gradient()
radial-gradient()
repeating-linear-gradient()
repeating-radial-gradient()
数字(Numeric)
Numeric Data Type Values index
<number>
<integer>
其它(Other)
Other Data Types Values index
<length>
<percentage>
<angle>
<time>
<frequency>
<fraction>
<grid>
单位 Units
Units index
长度(Length)
Length Units index
em
ex
ch
rem
vw
vh
vm
cm
mm
in
pt
pc
px
角度(Angle)
Angle Units index
deg
grad
rad
turn
时间(Time)
Time Units index
s
ms
频率(Frequency)
Frequency Units index
Hz
kHz
布局(Layout-specific)
Layout-specific Units index
fr
gr
附录 Appendix
Appendix index
颜色关键字(Color Keywods)
媒体类型(Media Types)
CSS Hack
CSS Hack Index
条件Hack
属性级Hack
选择符级Hack
问题与经验 Experience
Question And Experience Index
Bugs和解决方案
技巧和经验
其它经验
Get in touch
Submit feedback about this site to:
[email protected]