我正在使用一个敏感的主题.我在这里面临输入表单问题.在桌面视图中,输入将不具有占位符但具有标签.
但是,当涉及到移动视图时,我将隐藏此输入标签,并用占位符更改此标签.
<input name="name" type="text" placehoder="insert your name">
我真正的问题在这里很简单.如何用css隐藏这个占位符？
提前致谢！
解决方法
这将仅为桌面(和大型平板电脑)隐藏占位符：
@media (min-width:1025px) and (min-width:1281px) {
::-webkit-input-placeholder { /* WebKit browsers */
color: transparent;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: transparent;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: transparent;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: transparent;
}
textarea::-webkit-input-placeholder { /* WebKit browsers */
color: transparent;
}
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: transparent;
}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
color: transparent;
}
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
color: transparent;
}
}
This input has no placeholder on Desktops <input name="name" type="text" placeholder="insert your name">
