增加jQuery移动滑块手柄的可点击面积
增加jQuery移动滑块手柄的可点击面积
提问于 2015-11-25 09:23:31
我想增加jQuery移动滑块的手柄点击面积。到目前为止，手柄的可点击区域很小。因此，我无法每次点击和更改处理范围。我想有相同的手柄大小，但增加可点击的面积。我的定制CSS如下所示。
.ui-slider-track .ui-btn.ui-slider-handle {
width: 12px;
height: 12px;
margin: -10px 0 0 -10px;
background-color:#0096E2;
padding: 5px;
border-color: #0096E2;
}回答 1
Stack Overflow用户
回答已采纳
发布于 2015-11-25 09:38:04
div {
position: relative;
width: 100px;
height: 100px;
border: 1px dashed #eee;
cursor: pointer;
transition: background-color 1.5s;
}
div::before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
background-color: rgb(188,20,20);
border-radius: 2px;
}
div:hover {
background-color: #FFFFDF;
}<div></div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33912689
复制相关文章
相似问题
腾讯云开发者
