使用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]