uniapp textarea样式自定义

uniapp yekong

uniapp textarea样式自定义

html

		<div class="list2">
			<div class="listTitle">
				订单备注
			</div>
			<div class="idcardbody">
				<textarea class="textarea" maxlength="400" placeholder-style="color: #D5D5E0;" placeholder="请填写" />
			</div>
		</div>

css


	.list2 {
		width: 690rpx;
		background: #FFFFFF;
		margin: 0 auto;
		border-radius: 20rpx;
		margin-top: 38rpx;
		margin-bottom: 50rpx;
		padding-bottom: 30rpx;

		.listTitle {
			font-family: PingFangSC-Medium;
			font-size: 32rpx;
			color: #333333;
			font-weight: 500;
			margin-left: 30rpx;
			height: 100rpx;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			flex-wrap: nowrap;
			flex-direction: row;
			align-content: flex-start;
		}

		.idcardbody {
			width: 630rpx;
			height: 155rpx;
			background: #F9F9F9;
			border-radius: 20rpx;
			margin: 0 auto;

			textarea {
				padding: 24rpx;
			}
		}
	}

喜欢