使用Meex写界面时学到的一丢丢的css知识
作者 ：枫荷
转载请注明出处
input属性
1.去除input边框在样式里加 border: 0px;或者border-style:hidden;[1]
2.去除当点击input框时显示的边框 outline:none;[2]
即点击输入框进行输入的时候不会有输入框边界的显示，效果如下：
图1 点击input输入框进行输入无边框的效果
3.设置input背景透明：background:rgba(255,255,255,0.1);
前面三个参数为对应的rgb数值，第四个参数为透明度：0~1，0：透明，1：不透明；[3]
4.如何让input里面placeholder水平居中
input::-ms-input-placeholder{text-align: center;}
input::-webkit-input-placeholder{text-align: center;}[4]
效果：
提示符居中
laceholder定义：
laceholder 属性提供可描述输入字段预期值的提示信息（hint）。
该提示会在输入字段为空时显示，并会在字段获得焦点时消失。[5]
网友评论