From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../index.html | 47 ++++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 files/zh-cn/web/css/_doublecolon_-webkit-slider-runnable-track/index.html (limited to 'files/zh-cn/web/css/_doublecolon_-webkit-slider-runnable-track') diff --git a/files/zh-cn/web/css/_doublecolon_-webkit-slider-runnable-track/index.html b/files/zh-cn/web/css/_doublecolon_-webkit-slider-runnable-track/index.html new file mode 100644 index 0000000000..32d1b0145b --- /dev/null +++ b/files/zh-cn/web/css/_doublecolon_-webkit-slider-runnable-track/index.html @@ -0,0 +1,47 @@ +--- +title: '::-webkit-slider-runnable-track' +slug: 'Web/CSS/::-webkit-slider-runnable-track' +tags: + - CSS + - Input +translation_of: 'Web/CSS/::-webkit-slider-runnable-track' +--- +
::-webkit-slider-runnable-track
+ +
  表示其在type为range的input标签内中的滑块凹槽,也就是滑块可滑动的区域
+ +
 
+ +
 
+ +
 
+ +

 

+ +

使用方法:

+ +
input[type=range]::-webkit-slider-runnable-track{
+ +
    border-radius: 10px; //为凹槽添加圆角边
+ +
    background:#eee;//修改背景色
+ +
}
+ +

规范

+ +

::-webkit-slider-runnable-track不是任何规范的一部分。这是WebKit/Blink特有的伪元素(也就是chrome/sarfri浏览器内核特有的)

+ +

另请参阅

+ + -- cgit v1.2.3-54-g00ecf