收藏
回答

input 应用 border-radius 无效

.search input{

line-height: 60rpx;

padding-left:2%;

display: block;

width:78%;

float:left;

border-radius: 100rpx;

}



最后一次编辑于  01-13  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

1 个回答

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

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


    input{

    border-radius:100rpx;

    }


    01-13
    赞同 3
    回复 4
    • Mr.牛
      Mr.牛
      01-13


      依旧无效

      01-13
      回复
    • 铭锋科技
      铭锋科技
      01-13回复Mr.牛

      随便弄了个都可以

      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;

      }



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


      如图


      01-13
      回复
    • Mr.牛
      Mr.牛
      01-13回复铭锋科技
      谢谢了,已经找到问题了,是因为父元素加了border-radius,
      01-13
      回复