wechatmini.com-文本框样式生成器-mini云码

选择你需要的文本框样式风格生成代码（点击颜色框可选择常用颜色）

背景色: 文字颜色：文字大小：

宽度： px 左右间距： px 上下间距： px

有边框边框宽度： px 边框颜色：

有圆角圆角宽度：左上角 px 右上角 px 左下角 px 右下角 px

文本框激活后改变样式改变边框颜色

文字前面加图标，图标地址：（选的图片高度要跟文本框一致）

根据你选择的属性自动生成如下按钮和代码：

                
.mytxt{
    color:#545454;
    width:180px;
    padding:11px 12px;
    font-size:14px;
    border:2px solid #e1e1e1;outline: none;
    border-radius:8px 8px 8px 8px;
    background-color:#ffffff;
}
.mytxt:focus{
    border-color:#ff9000;
}

html代码:

                
 <input type="text" class="mytxt"/>