cuốn sách gpt4 ai đã làm

jquery - HTML5 范围元素在 Safari 中呈现不佳

In lại Tác giả: Walker 123 更新时间:2023-11-28 17:31:41 26 4
mua khóa gpt4 Nike

我设置了一个 HTML input type=range 元素的样式,它在 Chrome 中以我想要的方式工作,但它在 Safari 中呈现得非常糟糕。当您移动轨迹球时,它不会显示或部分呈现。加载似乎也需要很长时间。有谁知道这里发生了什么?

轨道和球上的 CSS 样式(减去媒体查询中的微小变化:

input[type=range] {
-webkit-appearance:none;
-webkit-flex-basis:100%;
}

input[type=range]::-webkit-slider-runnable-track {
width:10rem;
height: 1rem;
nền: #fff;
border: 2px solid orange;
bán kính đường viền: 10px;
}

input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 3rem;
width: 3rem;
bán kính đường viền: 50%;
background: orange;
margin-top: -1.2rem;
đường viền: 2px liền khối #fff;
con trỏ: con trỏ;
}

input[type=range]:focus {
phác thảo: không có;
}

还有整个事情的 jsfiddle:http://jsfiddle.net/agentemi1y/srp7r3ue/1/

câu trả lời hay nhất

对于这种 webkit 渲染故障,我很幸运强制浏览器在 this answer 中引用重绘.即:

$slider.hide().show(0);

vĩ cầm修复。

关于jquery - HTML5 范围元素在 Safari 中呈现不佳,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25962791/

26 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress