CMS企业模板|CMS模板|CMS网站定制|CMS模板下载

站内搜索 售前咨询 售后服务 建站帮助 微博 博客 在线客服
  • 网站模板
  • 定制开发
  • 案例展示
  • 最新动态
  • 关于我们
  • 联系我们
  • 问答社区

CMSYOU互助问答社区

诚信合作, 高质专业!
CMSYOU互助问答社区
使用新浪微博账号登录 登录 注册
  • 搜索
  • 问题
  • 话题
  • 用户
发起

IE中input光标问题:设置了readonly,光标仍可聚焦,怎么办?

IE浏览器 input 输入框 光标
IE浏览器input输入框设置了readonly="readonly",但是readonly失效,光标仍可聚焦,点击后出现光标,但是不能录入,如果按退格键backspace则返回了上一页,也就是触发了浏览器的返回功能,怎么破?
2020-02-24 15:39 0 条评论 分享

站外

邮件

要评论问题请先登录或注册

2 个回复

CMSYOU - CMS企业网站定制专家

赞同来自:

这是因为IE设置了readonly="readonly"属性并不能阻止光标出现,要杜绝光标可以添加 unselectable="on"这一属性,搞定。
2020-02-24 16:23 0 条评论

分享

要参与问题请先登录或注册

0

CMSYOU - CMS企业网站定制专家

赞同来自:

另外IE中输入框的光标高度也存在奇怪的情况,chrome、firefox、IE中input输入光标位置错位解决方案,实际情况:
IE:不管该行有没有文字,光标高度与font-size一致。
FF:该行有文字时,光标高度与font-size一致。该行无文字时,光标高度与input的height一致。
Chrome:该行无文字时,光标高度与line-height一致;该行有文字时,光标高度从input顶部到文字底部(这两种情况都是在有设定line-height的时候),如果没有line-height,则是与font-size一致。
解决的方案:给input的height设定一个较小的高度,然后用padding去填充,基本上可以解决所有浏览器的问题:
input{
height:16px;
font-size:12px;
padding:4px 0px;
}

测试下~
2020-02-24 16:25 0 条评论

分享

要参与问题请先登录或注册

0

为什么被折叠?0 个回复被折叠

要回复问题请先登录或注册

相关问题

CMSYOU问答社区伪静态设置 Phpcms V9模板在线编辑怎么设置? 请教一下,这个禁止设置字段的会员组为什么不好用如果是手动添加的高级会员的话,但是积分不够还是不能设置,这是什么问题 怎么修正PC V9专题的网址多出/的问题? bootstrap怎么设置下拉菜单不点击,改成鼠标悬停直接显示下拉菜单? 如何设置Phpcms v9不生成静态首页? Phpcms v9的标签列表页不能调用图片?怎么设置tag页面调用缩略图? 关于我们联系我们的单页调用问题 在Linux环境下安装Phpcms v9的时候要设置哪些目录777权限?

问题状态

最新活动:2020-02-24 16:25

浏览:2593 次

关注:3 人

Copyright © 2008-2025 CMSYOU - 互助问答社区 - 粤ICP备10060801号-3   rss feed RSS Feed
欢迎加入QQ群(346494585)Phpcms V9企业模版交流 CMS定制咨询
“让我们一起来学习CMS建站吧!”