增加输入框的宽度？删除单击按钮或输入框时出现的黑色轮廓？
如何增加输入框的宽度？我尝试了聚焦方法（css），但并没有改变，我也很难去除按钮或输入框被点击时出现的黑色轮廓？
css prettyprint-override">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="背景颜色：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-机制聚焦可见
-
我正在尝试弹出输入框值，但它显示的是一个空白值。为什么？这是jsfiddle。 null null
-
问题内容： 我不确定是否已经询问过此问题，但是我有多个输入框，其中包含默认文本。我不是要设置默认的文本，而是要在单击输入框时删除它。我希望能够在单击输入框后立即删除默认文本，因此用户不必这样做。我想知道是否有人可以分享一个有关如何完成此操作的快速示例，以便我可以实施。 到目前为止，我已经知道了，但是只删除了最后一个输入框文本。 问题答案： 假设您已整理好默认文本，则想在某个地方创建事件绑定，并使用
-
本文向大家介绍JS+CSS实现实用的单击输入框弹出选择框的方法，包括了JS+CSS实现实用的单击输入框弹出选择框的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS+CSS实现实用的单击输入框弹出选择框的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的javascript程序设计有所帮助。
-
问题：我想更改输入元素焦点上按钮的样式。 下面是模板代码： 以下是css代码： 预期输出：在输入框 1的焦点上。将1倍宽度的边框应用于输入框 2。更改按钮的背景颜色 实际输出： 1。边框应用于输入框 2。按钮的背景色没有变化 http://jsfiddle.net/6Y8GL/7/
-
本文向大家介绍vue.js实现只能输入数字的输入框，包括了vue.js实现只能输入数字的输入框的使用技巧和注意事项，需要的朋友参考一下 在菜鸟教程里，看了vue.js的教程，看完后，练练手，就试着实现了只能输入数字的输入框。在之前的博客里，用jquery也实现了这样的功能，这里用vue.js来实现，把实现的过程记录下来 如果只是一个输入框，要实现就非常的简单了，输入框的内容和数据绑定，给数据加一个