小编dan*_*tti的帖子

验证失败时更改输入名称和错误消息的颜色

我正在使用jQuery验证,我在更改错误消息的颜色和输入字段名称时遇到问题.我尝试仅使用CSS,这里是代码:

#news_action input.error {
  color: red;
}
Run Code Online (Sandbox Code Playgroud)

但这只会改变输入字段文本的颜色.如何用CSS选择输入字段名称和错误消息?如果有人在没有使用CSS的情况下有另一个解决方案,那么它是受欢迎的.谁能帮我?提前致谢

这是我的HTML:

<div class="info">
  Type your name:<input id="input-name" type="text" name="name"/> <br>
  Type your email:<input type="text" name="email"/>
</div>
Run Code Online (Sandbox Code Playgroud)

css jquery

3
推荐指数
1
解决办法
3万
查看次数

使用 CSS 具有圆角边框的表格

我有一个问题。我有一个用纯 HTML 代码制作的表格,如下:

\n\n
<table id="calendarTable">\n  <tr>\n    <th id="tableHeader" colspan=7></th>\n  </tr>\n  <tr>\n    <th>Dom</th>\n    <th>Seg</th>\n    <th>Ter</th>\n    <th>Qua</th>\n    <th>Qui</th>\n    <th>Sex</th>\n    <th>S\xc3\xa1b</th>\n  </tr>\n  <tbody id="tableBody"></tbody>\n  <tr>\n    <td colspan=7>\n    <p>\n      <form id="dateChooser" name="dateChooser">\n        <select name="chooseMonth" onChange="populateTable(this.form)">\n          <option selected>Janeiro\n          <option>Fevereiro\n          <option>Mar\xc3\xa7o\n          <option>Abril\n          <option>Maio\n          <option>Junho\n          <option>Julho\n          <option>Agosto\n          <option>Setembro\n          <option>Outubro\n          <option>Novembro\n          <option>Dezembro\n        </select>\n        <select name="chooseYear" onChange="populateTable(this.form)">\n        </select>\n      </form>\n    </p>\n    </td>\n  </tr>\n</table>\n
Run Code Online (Sandbox Code Playgroud)\n\n

这是我的CSS:

\n\n
#calendarTable {\n  text-align: center;\n  width: 80%;\n  height: 100%;\n  color: #18B6E6;\n  border-color: #18B6E6;\n  border: solid 1px;\n  border-radius: 20px;\n}\n\n#calendarTable td {\n  border: solid 1px;\n  border-radius: …
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×2

html ×1

jquery ×1

twitter-bootstrap ×1