526互联

uniapp button样式置空

发布时间 2023-04-26 20:33:52作者: 盘思动
  • 小程序转发，得用button，样式太丑了，
				<view class="one">
					<button data-name="shareBtn" open-type="share" hover-class="none">
						<image src="/static/index/carddetail/sendcard.png"></image>
						<view class="iconname">转发名片</view>
					</button>
				</view>

button{// 这里我试了，用class还不行，只能用button
					position: relative;
					display: block;
					margin-left: auto;
					margin-right: auto;
					padding-left: 0px;
					padding-right: 0px;
					box-sizing: border-box;
					// font-size: 18px;
					text-align: center;
					text-decoration: none;
					// line-height: 1;
					line-height: 1.35;
					// border-radius: 5px;
					-webkit-tap-highlight-color: transparent;
					overflow: hidden;
					color: #000000;
					background-color: #fff;
					width: 100%;
					height: 100%;
				}
				button::after{
					border:none;
				}