在套了一层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
- 2019-12-15 14:55web世界之窗的博客 一、快速了解CSS :focus-visible伪类 :focus-visible伪类是非常年轻的一个伪类，目前仅Chrome浏览器标准支持，但足够了。如果你是一个深入用户体验的开发者，这个伪类会非常有用。 :focus-visible伪类应用的场景是：...
- 2015-01-01 11:55回答 2 已采纳 你的checkUaddr函数没有啊。发代码的时候用</>格式化一下就好了
- 2022-09-02 01:04苏苏哇哈哈的博客 css实现三个input搜索框展开动画
- 2023-05-08 21:29木筏的博客 CSS伪类:focus-within：子元素获取焦点，父元素边框变色
- 没有解决我的问题, 去提问
悬赏问题
- ¥15 关于#abap#的问题，请各位专家解答！
- ¥20 内网通过公网访问外网问题
- ¥20 谁有这个东西 继续教育的
- ¥15 怎么使请求通过cors
- ¥15 WDM 驱动ACPI 相关疑问
- ¥15 prism 跨窗体共享数据绑定 wpf
- ¥15 hdl designer突然用不了系统的moduleware组件，请问有人遇到或者怎么解决吗？
- ¥15 0基础计算机毕设，应该从哪开始？
- ¥60 使用DKT40脑图划分ROI区域
- ¥15 有偿解决C51单片机液晶屏12864显示问题