-
Notifications
You must be signed in to change notification settings - Fork 8k
/
index.md
69 lines (48 loc) · 1.67 KB
/
index.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
---
title: "::-moz-focus-inner"
slug: Web/CSS/::-moz-focus-inner
l10n:
sourceCommit: f2175c4c2cf9de232ec9b2e1c395903d53ea24a0
---
{{CSSRef}}{{SeeCompatTable}}
**`::-moz-focus-inner`** [CSS](/zh-CN/docs/Web/CSS) [伪元素](/zh-CN/docs/Web/CSS/Pseudo-elements)是用于表示 {{HTMLElement("button")}} 元素以及 {{HTMLElement("input/button","button")}}、{{HTMLElement("input/submit","submit")}}、{{HTMLElement("input/reset","reset")}} 和 {{HTMLElement("input/color","color")}} 类型的 {{HTMLElement("input")}} 元素的 [Mozilla 扩展](/zh-CN/docs/Web/CSS/Mozilla_Extensions)。
> **备注:** 使用 `::-moz-focus-inner` 时,除了支持它的按钮外,其他按钮都不匹配,也没有任何效果。
## 语法
```css
::-moz-focus-inner {
/* ... */
}
```
## 示例
### HTML
```html
<input type="submit" value="输入" /> <button type="submit">按钮</button>
```
### CSS
```css
button::-moz-focus-inner,
input[type="color"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
padding-block-start: 0px;
padding-inline-end: 2px;
padding-block-end: 0px;
padding-inline-start: 2px;
border: 2px dotted red;
}
```
### 结果
{{EmbedLiveSample("示例", 300, 50)}}
## 规范
不属于任何规范。
## 浏览器兼容性
{{Compat}}
## 参见
- [Mozilla CSS 拓展](/zh-CN/docs/Web/CSS/Mozilla_Extensions)
- 相关 CSS 属性:
- [`-moz-user-focus`](/zh-CN/docs/Web/CSS/-moz-user-focus)
- 相关 CSS 选择器:
- [`:focus`](/zh-CN/docs/Web/CSS/:focus)
- [`:focus-visible`](/zh-CN/docs/Web/CSS/:focus-visible)
- [`:focus-within`](/zh-CN/docs/Web/CSS/:focus-within)