收藏
回答

input 应用 border-radius 无效

.search input{

line-height: 60rpx;

padding-left:2%;

display: block;

width:78%;

float:left;

border-radius: 100rpx;

}



回答关注问题邀请回答
收藏

1 个回答

  • 铭锋科技
    铭锋科技
    2019-01-13

    border-radius:100rpx;删除,下面加上


    input{

    border-radius:100rpx;

    }


    2019-01-13
    有用 3
    回复 4
    • 2019-01-13


      依旧无效

      2019-01-13
      回复
    • 铭锋科技
      铭锋科技
      2019-01-13回复

      随便弄了个都可以

      wxml:


      <view class='searchBar'>

      <input class='input'></input>

      <view class='searchTxt'>搜一下</view>

      </view>


      wxss:


      .searchBar{

      display: flex;

      padding:20rpx;

      align-items: center;

      }

      .input {

      line-height: 60rpx;

      padding-left: 2%;

      display: block;

      flex:0 0 78%;

      float: left;

      border-radius: 100rpx;

      border: 1px solid #ccc;

      }

      .searchTxt{

      flex:1;

      color: #fff;

      background: #006600;

      font-size: 24rpx;

      text-align: center;

      padding:20rpx;

      }

      input {

      border-radius: 100rpx;

      }



      2019-01-13
      回复
    • 铭锋科技
      铭锋科技
      2019-01-13回复铭锋科技


      如图


      2019-01-13
      回复
    • 2019-01-13回复铭锋科技
      谢谢了,已经找到问题了,是因为父元素加了border-radius,
      2019-01-13
      回复
登录 后发表内容