input搜索框获取焦点时，placeholder消失

/* 点击搜索框获取焦点 placeholder消失-开始 */
/* WebKit browsers */input:focus::-webkit-input-placeholder {
color: transparent;
/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}/* Mozilla Firefox 4 to 18 */input:focus:-moz-placeholder {
color: transparent;
}/* Mozilla Firefox 19+ */input:focus::-moz-placeholder {
color: transparent;
}/* Internet Explorer 10+ */input:focus:-ms-input-placeholder {
color: transparent;
}
/* 点击搜索框获取焦点 placeholder消失-结束 */

作者：yxmanyxman
来源：CSDN
原文：https://blog.csdn.net/yxmanyxman/article/details/78016159
版权声明：本文为博主原创文章，转载请附上博文链接！

input搜索框获取焦点时，placeholder消失相关推荐

html里怎么把搜索框点击时变色,input搜索框鼠标放上或划过表单边框变色
input搜索框鼠标放上或划过表单边框变色代码: /p> Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1 ...
html5 input搜索框样式修改,修改input搜索框默认叉号的样式为自定义图片
兼容IE的自定义input搜索框叉号样式(使用图片替换input原生叉号) 代码 input::-webkit-search-cancel-button { -webkit-appearance: n ...
ant-design中Input输入框在获取焦点时由于保留了上次输入内容而莫名出现了一个黑色背景的选择提示框，且选择提示框中的值后还会出现蓝色背景
一. 代码环境 "react": "18.1.0", "antd": "^4.20.5", "typescri ...
css实现input搜索框展开动画
1.实现效果 2.实现原理 CSS 选择器: CSS 中,选择器是选取需设置样式的元素的模式. CSS :focus 选择器: 一个输入字段获得焦点时选择的样式,:focus选择器用于选择具有焦点的元 ...
input搜索框在ios系统中兼容问题
input搜索与ios适配兼容问题场景:h5页面在手机上嵌入时,会有搜索框并且改变键盘"搜索"字体的需求问题1:ios下input中type="search" ...
每日分享html之两个input搜索框、两个button按钮、一个logo效果
我是c站的一个小博主,近期我会每天分享前端知识包括(原生的web语句,以及vue2和vue3,微信小程序的写法及知识点)本篇文章收录于html特效专栏中,如果想每天在我这学到一些东西,请关注我并订阅专 ...
Input搜索框与搜索图标对齐解决方法
出现的情况有些网站需要在搜索框旁写一个紧挨着的放大镜图标框.这时候可能就牵涉到对齐问题. 例如小米商城搜索框: 可以简单写一下这两个框: <div class="header-sea ...
关于移动端的文本框获取焦点时导致fixed或absolute定位的按钮被手机键盘顶上去的问题
Write By Monkeyfly 以下内容均为原创,如需转载请注明出处. 前提当在安卓手机上访问如图1所示的页面时,会出现如图2所示的现象.[苹果手机并不会出现该现象] 即当文本框(指input ...
input搜索框 php,html搜索框怎么设置？html搜索框input标签的使用方法实例
本篇文章主要讲述的是关于HTML 搜索框的设置,还有html 搜索框input标签的一些使用方法实例,接下来就让我们一起来阅读这篇关于html 搜索框的文章吧首先我们来设置一个简单的搜索框: 这是一 ...

input搜索框获取焦点时，placeholder消失

input搜索框获取焦点时，placeholder消失相关推荐

最新文章

热门文章