增加输入框的宽度？删除单击按钮或输入框时出现的黑色轮廓？

Posted 2023-05-09

【中文标题】增加输入框的宽度？删除单击按钮或输入框时出现的黑色轮廓？

【英文标题】：increase the width of input box? Removing black outline that comes when button or input box is clicked?

【发布时间】：2021-02-07 14:05:13

【问题描述】：

如何增加输入框的宽度？我尝试了 focus 方法（在 css 中）但没有任何改变，我也很难删除单击按钮或输入框时出现的黑色轮廓？

我试过的代码 -

input:focus
width: 40%;
    
.btn
  border:1px solid rgb(125, 8, 184);
        color:rgb(125, 8, 184);
        background: rgba(218, 154, 248, 0.247);
        font-size: 16px;
    

<div class="left" style="padding: 7% 6% 4% 37%;">
            <input type="text" value="" style="background-color: rgba(253, 253, 253, 0.329);border: 0; font-size: 16px; width: 25%; border-bottom: 2px solid rgb(125, 8, 184); "><button style="right : 0; " class="btn ">Search</button>
        </div>

style="background-color: rgba(253, 253, 253,0.329); 边框：0；字体大小：16px；宽度：25%；边框底部：2px 实心 rgb(125, 8, 184); ">搜索

【参考方案1】：

大纲：无；可以在那里解决你的问题，但如果你能保留大纲更好（因为需要的人可以访问）

如前所述，您的宽度正常工作，您是否在 css 文件中放置了正确的类？

更多关于大纲辅助功能可以在这里找到：

https://www.w3.org/TR/2008/REC-WCAG20-20081211/#navigation-mechanisms-focus-visible