gpt4 book ai didi

html - 如何使用 CSS 设置 html/form 元素的样式?

转载 作者:太空宇宙 更新时间:2023-11-03 20:39:08 24 4
gpt4 key购买 nike

我正在尝试创建一个登录表单,到目前为止我的 html 是:

<body id="login">
<div id="wrapper">

<div id="loginform">
<form id ="login" name="login" action = "" method="post" accept-charset="utf-8" class="smart-green">
<h1>Login Form</h1>
<label>
<span>Email Address:</span>
<input id="email" type="text" name="email" placeholder="Enter a valid email address" />
</label>

<label>
<span>Password:</span>
<input id="password" type="password" name="password" placeholder="Password" />
</label>

<label>
<span>&nbsp;</span>
<input type="submit" value="Send" />
</label>
</form>
</div>
</div>

我想使用 CSS 对其进行样式设置。我如何访问:

a) 整体形式改变整体风格

b) 电子邮件地址标题和框

c) 按钮

我试过使用 . # > 但现在我自己很困惑。这可能是我犯的一个非常愚蠢的错误,但我无法弄清楚...

最佳答案

您可以通过以下方式访问:

a)整体形式改变整体风格使用#loginform {/* CSS 规则*/> 来处理表单容器的整体样式。由于除了表单之外没有其他元素,它的工作方式就好像您以表单本身为目标一样。

b) 电子邮件地址标题和框使用 #loginform label {/* CSS rules */> 以标签处的 CSS 规则为目标,使用 #email{} 以电子邮件输入框为目标。您可以通过添加其他元素的 ID(例如 #email, #password {/* CSS 规则 */>)将最后一条规则重新用于其他元素

c) 按钮使用 input[type=submit] {/* CSS 规则 */> 来设置提交按钮的样式。

关于html - 如何使用 CSS 设置 html/form 元素的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28700958/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com