小程序
小游戏
企业微信
微信支付
扫描小程序码分享
.search input{
line-height: 60rpx;
padding-left:2%;
display: block;
width:78%;
float:left;
border-radius: 100rpx;
}
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
把border-radius:100rpx;删除,下面加上
input{
border-radius:100rpx;
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
依旧无效
随便弄了个都可以
wxml:
<view class='searchBar'>
<input class='input'></input>
<view class='searchTxt'>搜一下</view>
</view>
wxss:
.searchBar{
display: flex;
padding:20rpx;
align-items: center;
.input {
padding-left: 2%;
flex:0 0 78%;
float: left;
border: 1px solid #ccc;
.searchTxt{
flex:1;
color: #fff;
background: #006600;
font-size: 24rpx;
text-align: center;
input {
如图
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
把border-radius:100rpx;删除,下面加上
input{
border-radius:100rpx;
}
依旧无效
随便弄了个都可以
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;
}
如图