在套了一层div后，div里的input用css的input:focus设置不了样式，
只能#d1 inout:focus这样来设置样式，d1是div的id
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#f1{background:#0CF; width:400px; padding:10px; margin-top:20%;}
#d1{padding:8px; background:#CCC;}
input{background:#9F6;}
#d1 input:focus{background:#F90;}
#bt1{border-radius:5px; background:#666;}
#bt1:focus{background:#F00}
</style>
</head>
<body>
<form id="f1">
<fieldset>
<legend>注册</legend>
<div id="d1">
<p><label>用户名<input type="text" required="required" placeholder="用户名"/></label>必填</p>
<p><label>密码<input type="password" required="required" placeholder="密码"/></label></p>
<p><label>电话<input type="tel" required="required" placeholder="电话"/></label></p>
<p><label>邮箱<input type="email" required="required" placeholder="邮箱"/></label></p>
</div>
<button id="bt1">注册</button>
</fieldset>
</form>
</body>
</html>
html css ,input：focus无效果
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
6条回答 默认 最新
- 2022-11-11 09:36回答 2 已采纳 boder 和 outline 不是一个东西 。 你这样就能看到 boder 边框了 input[type=text]:focus { /* outline: 2px solid red
- 2022-08-03 09:41回答 2 已采纳 这全去掉，padding-right占的是按钮的位置，所以 也得去Button的HTML标签去掉
- 2022-01-06 13:29回答 4 已采纳 换成click $("input").click(function(){ $("input").css("background-color","#FFFFCC"); });
- 2022-06-01 13:56搬砖的前端的博客 css修改input标签:focus边框颜色input边框使用border修改样式，但是聚焦高亮时修改border 没有效果使用 outline 即可 相对来说，使用第二种更好一些，因为border比 outline 支持圆角属性更好。
- 2022-04-24 11:38回答 9 已采纳 你好 你这个不是不生效,而是被里面input的样式覆盖了 如果想这么写就要把里面的样式初始化 应该可以解决 .el-input__wrapper{ 'font-weight':'inherit';
- 2022-09-09 15:30回答 3 已采纳 <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> 引入jquery或者用原生写
- 2021-10-28 10:01回答 2 已采纳 文档看是这样调用
- 2022-07-04 13:59chengsiyuan1005的博客 解决input标签focus兄弟触发失效问题
- 2019-04-26 18:13回答 1 已采纳 ``` 在提交的按钮的click里面写 假设你输出的文本框叫txt1 那么就是 $("#txt1").text($("#用户名").text()); if ($("csdn的重选框id"
- 2016-07-21 10:01回答 5 已采纳 终于实现了 把代码贴出来 就是版面还没有弄好 ``` /* 根据id修改用户信息 pjc 2016.4.21 */ function updateEd100(id) { $.
- 2015-11-13 10:36回答 2 已采纳 the property in maxlength not size so set maxlength=10 in your input field.I guess you also need t
- 2024-03-24 14:52程序员导弹的博客 谷歌浏览器在input上增加了 :focus-visible 属性。css 中给input 增加outline:none;
- 2015-01-01 11:55回答 2 已采纳 你的checkUaddr函数没有啊。发代码的时候用</>格式化一下就好了
- 2019-12-15 14:55web世界之窗的博客 一、快速了解CSS :focus-visible伪类 :focus-visible伪类是非常年轻的一个伪类，目前仅Chrome浏览器标准支持，但足够了。如果你是一个深入用户体验的开发者，这个伪类会非常有用。 :focus-visible伪类应用的场景是：...
- 2022-09-02 01:04苏苏哇哈哈的博客 css实现三个input搜索框展开动画
- 没有解决我的问题, 去提问
悬赏问题
- ¥15 Python爬取指定微博话题下的内容，保存为txt
- ¥15 vue2登录调用后端接口如何实现
- ¥65 永磁型步进电机PID算法
- ¥15 sqlite 附加（attach database）加密数据库时，返回26是什么原因呢？
- ¥88 找成都本地经验丰富懂小程序开发的技术大咖
- ¥15 如何处理复杂数据表格的除法运算
- ¥15 如何用stc8h1k08的片子做485数据透传的功能？(关键词-串口)
- ¥15 有兄弟姐妹会用word插图功能制作类似citespace的图片吗？
- ¥15 latex怎么处理论文引理引用参考文献
- ¥15 请教：如何用postman调用本地虚拟机区块链接上的合约？