css隐藏输入框的光标
CSS 隐藏 输入框 光标
2023-09-11 14:19:17 时间
1.隐藏光标
<style>
input{
color: transparent;
}
</style>
2.显示文字
<style>
input{
color: transparent;
text-shadow: 0 0 0 #000;
}
</style>
以上的方法可能在PC或者安卓的手机上是好的,在IOS系统就不行了。
在ios中采取的方法是将输入框光标移走:
input {
opacity: 0;
z-index: 999;
outline: none;
border: none;
color: transparent;
text-indent: -999em;
margin-left: -100%;
width: 200%;
}
相关文章
- [转] 使用babel-plugin-react-css-modules简化CSS Modules的使用
- What does a CSS selector in square brackets select in HTML?
- 纯 CSS 实现波浪效果!
- 谈谈一些有趣的CSS题目(十一)-- reset.css 知多少?
- 【Css/小程序】DIV超出文本隐藏,并且显示“...”
- 【Css/html】通过【视口mata】解决移动端网页规范问题
- 【Css/Html】网页Css默认设计样式载入模板代码body.css
- 【CSS】 Css背景图片及背景渐变综合知识和技巧大全(代码实例)
- 【Css】Css有关html“伪元素”的语法合集(示例)
- CSS - 去掉删除 <textarea> 多行文本输入框右下角可拉伸小图标(右下角可缩放三角标控件)
- 【CSS】如何复原被隐藏的滚动条?记一个看似简单的样式问题所引发的一系列思考
- 微信小程序的分享功能-css文字超过两行隐藏
- Day2:html和css
- CSS 盒子模型【快速掌握知识点】
- 30个你必须记住的CSS选择符
- 利用 filter 机制 给 静态资源 url 加上时间戳,来防止js和css文件的缓存,利于开发调试
- 如何使用CSS隐藏滚动条并且兼容大部分浏览器
- webpack4+(打包后的文件分析+脚本打包+HTML插件+样式处理CSS+Less+css抽离压缩)
- css表示屏幕宽度和高度
- CSS_css sprite原理优缺点及使用
- NuxtJS处理因css在服务端渲染而增加源代码量,从而影响到SEO的问题及VUE提取 CSS 到单个文件
- CSS学习---css基础知识0105
- CSS学习知识整理(六)Css position(定位)、margin 简写
- CSS学习知识整理(一)Css 简介、语法与创建
- JQuery采纳CSS实现DOM显示和隐藏要素