HTML文本输入未显示文本字段

HTML/CSS beginner here, trying to create an input field for users to enter their email address. My form is not displaying a border around the empty text field, making it difficult for users to know that they should enter their email address. However, you can click the field and enter text with no problem.

此处为HTML / CSS初学者,尝试为用户创建输入字段以输入其电子邮件地址。我的表单没有在空文本字段周围显示边框,这使得用户很难知道他们应该输入他们的电子邮件地址。但是,您可以单击该字段并输入文本,没有任何问题。

<p>Connect with us to view our sweet video!</p>
    <div class="form_email">
        <form method="post" action="mailto:youremail@youremail.com" >
        Email Address:
            <input type="text" size="35" maxlength="100" 
             value="your_email@domain.com"> 
        </form>

This is just a snippet of the code. I think the CSS is styling the text field in some way that is making it invisible. My problem is that I don't know what to look for in the CSS (several thousand lines of code).

这只是代码的一小部分。我认为CSS正在以某种方式为文本字段设置样式,使其不可见。我的问题是我不知道在CSS中寻找什么(几千行代码)。

Any and all help is appreciated, thanks!

任何和所有的帮助表示赞赏,谢谢!

1 个解决方案

#1

Search for example:

搜索示例:

input { border: 0; /* or none */ }

You can debug with chrome debug tool https://developer.chrome.com/devtools to see the real css..

您可以使用chrome调试工具https://developer.chrome.com/devtools进行调试,以查看真正的css ..

#1