0

有谁知道如何更新输入字段内的文本大小？到目前为止，这就是我所拥有的。如果我更新输入字体大小，它也会更新按钮的大小，我不想这样做。

我还想在输入字段中添加标签，但运气不佳。如果有人成功了，请告诉我。

<NLForm>
    <style>
    h1  {color: #464646;
        font-size: 20;
        }
    form {
        width:100%;
        position:relative;
        }
    input {
        width: 400px;
        height: 40px;        
        font-size: 12px;
        }
    textarea {
        width: 530px;
        height:120px;
        }
    .btn {
        background-color: #d42027; 
        color:ffffff; 
        }


    </style>

    <HTML>
            <Head>
                <title> </title>
            </Head>

            <Body>

            <table width="50%">
                    <tbody>
                        <tr>
                            <td width="50%">
                                <table>
                                    <tbody>
                                        <tr>
                                            <td><h1>Name:</h1></td>
                                        </tr>
                                        <tr>
                                            <td><nlfirstname></nlfirstname></td><td><nllastname></nllastname></td>
                                        </tr>
                                        <tr>
                                            <td><h1>Email:</h1></td>
                                        </tr>
                                        <tr>    
                                            <td><nlemail></nlemail></td>
                                        </tr>
                                        <tr>    
                                            <td><nlcompanyname></nlcompanyname></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td> 
                            <td width="50%">
                                <table> 
                                    <tbody>
                                        <tr>
                                            <td><h1>Comments:</h1></td>
                                        </tr>
                                        <tr>
                                            <td><nlcomments></nlcomments><nlsubsidiary></nlsubsidiary></td>  
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                            <td>
                                <table width="70%">
                                    <tbody>
                                        <tr>
                                            <td><input type="Submit" value="Send" class="btn"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
            </table>
            </Body>

        </HTML>
    </NLForm>
4

1 回答 1

0

如果您只想针对inputCSS 中的特定类型，可以使用属性选择器：

/* This will target all the input controls */

input {
  width: 400px;
  height: 40px;
}

/* This will target only the text boxes */

input[type="text"] {
  font-size: 15px;
}

/* This will target only the submit box */

input[type="submit"] {
  background-color: #d42027; 
  color: #ffffff;
  font-size: 12px;
}
于 2017-07-20T23:42:14.350 回答