css选择的 [type=submit] 怎么没有用?

Question

我写的代码怎么不起作用?请问怎么改呢?

css代码

.myForm1 input[type=submit]/*.button /* 提交按钮 */
{
    background-color: #9DC45F;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #FFF;
    text-shadow: 1px 1px 1px #949494;
}

html代码

<table class='myForm1'>
      <input type="submit"  name='tj' value="提交">
 </table>

Answer 1

<input type="submit"  name='tj' value="提交">

你写的是type=submit

.myForm1 input[type=submit]

Answer 2

你直接放在table里面当然不行，你f12看一下会发现input变成在它外面去了，要么你把myForm1改成div，要么变成下面这样：

'<table class='myForm1'>
    <tr>
        <td>
            <input type="submit"  name='tj' value="提交">
        </td>
    </tr>
 </table>'

Answer 3

table 元素不可以包含 input 元素。

你的代码，去掉前面的 .myForm1 就可以正常工作。

像楼上那样放到 tr > td 中也可以。