如题,请问老师,同学们有没有办法给button设置0.5px的边框?边框还是带圆角的~不利用png图片,利用css或者JS/jquery的方法~~求解~~直接用0.5px,ios能识别,但是安卓的系统却识别不了的。如果是无圆角的边框线,我能实现很细的状态,比1px(像素)还细的,但是,圆角的我就没办法了~~我之所以这样问,是因为新浪微博的按钮边框线就很细很细,绝对不是1px的~~
5 回答
似优
TA贡献1条经验 获得超0个赞
.promotion_expenses {
border: 0px solid #FA5D5D;
background-color: white;
font-family: PingFangSC-Regular;
font-size: 11px;
color: #FA5D5D;
letter-spacing: 0.39px;
float: right;
margin-top: 2px;
height: 25px;
padding-bottom: 4px;
padding-top: 4px;
float: right;
-webkit-appearance:none;
position: relative;
background-color: white;
}
.promotion_expenses::after{
position: absolute;
content: "";
border: 1px solid #FA5D5D;
border-radius: 24px;
width: 200%;
height: 200%;
top: 0;
left: 0;
transform: scale(.5);
transform-origin: 0 0;
-webkit-transform: scale(.5);
-webkit-transform-origin: 0 0;
}
<button class="promotion_expenses">
就是这样子
</button>
沙洲
TA贡献3条经验 获得超1个赞
不知道你这个0.5是border的宽度还是border-radius半径宽度。不过,这两者都是不行。前者最小是1,否则无效。后者,更不可能,根本不会有效果。而且,一般情况下,这些参数不太支持小数,更不要说小于1的小数。
添加回答
举报
0/150
提交
取消
