为了账号安全,请及时绑定邮箱和手机立即绑定

有办法给button设置0.5px的边框吗?

有办法给button设置0.5px的边框吗?

阿岑 2016-09-03 10:29:32
如题,请问老师,同学们有没有办法给button设置0.5px的边框?边框还是带圆角的~不利用png图片,利用css或者JS/jquery的方法~~求解~~直接用0.5px,ios能识别,但是安卓的系统却识别不了的。如果是无圆角的边框线,我能实现很细的状态,比1px(像素)还细的,但是,圆角的我就没办法了~~我之所以这样问,是因为新浪微博的按钮边框线就很细很细,绝对不是1px的~~
查看完整描述

5 回答

?
竹风欣海笑

TA贡献9条经验 获得超6个赞

px指像素,已经是最小单位了,怎么可能会出现小数!

查看完整回答
1 反对 回复 2016-09-05
  • 阿岑
    阿岑
    并不一定用px,em等啊~~ 无圆角的边框线我就能实现啊,有圆角的我没办法了~~ 但是新浪微博的却是很细的边框线(带圆角),我就想知道他们是怎样实现的方法~~ 我继续琢磨琢磨~~~
?
似优

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>


查看完整回答
反对 回复 2019-03-11
?
沙洲

TA贡献3条经验 获得超1个赞

不知道你这个0.5是border的宽度还是border-radius半径宽度。不过,这两者都是不行。前者最小是1,否则无效。后者,更不可能,根本不会有效果。而且,一般情况下,这些参数不太支持小数,更不要说小于1的小数。

查看完整回答
反对 回复 2016-09-08
  • 阿岑
    阿岑
    是边框线的宽度,恩,好吧~~ 无圆角的边框我能实现0.5px,但是有圆角的就没办法了~~~ 但是,新浪微博的却是很细的边框线,不知道他们是怎样实现的~~
?
qq_捂着心脏说胃疼_0

TA贡献11条经验 获得超6个赞

border-radiu啊,设置个15px就差不多了,可以自己调,button设置边框用border设置

查看完整回答
反对 回复 2016-09-03
  • 阿岑
    阿岑
    恩,知道这个方法。你没看懂我的题~~不过想想,估计是实现不了的
  • qq_捂着心脏说胃疼_0
    qq_捂着心脏说胃疼_0
    好吧,那你可以查看新浪微博按钮元素,查看它是怎么做的,一般懂技术的差不多都可以看懂
  • 5 回答
  • 0 关注
  • 3586 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信