Question

我正在尝试将我的CSS代码放在与我的HTML代码相同的文件中，但它没有正确显示（我不想只将我的CSS链接到我的HTML，我已经开始工作了）。我曾尝试复制和粘贴代码，但这不起作用。当它在同一个文件中时，我是否必须采用不同的方式？

以下是相关代码：

<head>

    <title> Example </title> 

    <style type="text/css">

        input: textarea{
            resize: none;
        }
        input[type=button]{//set the sizes for all of the input buttons
            width: 5em;  
            height: 2em;
            font-size: 15px;
            font-weight: bold;
        }
    </style>
</head>

<body>

    <form id = "mainForm" name="mainForm" method="get" action=""  onsubmit=" return checkForm()">


        Type something: <br> <textarea id="info" name="info" > </textarea>


        <input type="button" value="1" id="button1"> </input> 
        <input type="button" value="2" id="button2"> </input> 
        <input type="button" value="3" id="button3"> </input> 

        <input type="submit" id="submit" name="submit" class="btn" value="Submit" />
        <input type="reset" id="reset" name="reset"  class="btn" value="Clear" />
    </form>
</body>

这是我链接时的外观图

这是我尝试将CSS放入HTLM文件时的外观图

Answer 1

适合我。我看到的唯一问题是input: textarea无效。只需使用textarea代替。

＆＃13;

<head>
    <title> Example </title>
    <style type="text/css">
        textarea{
            resize: none;
        }
        input[type=button]{ //set the sizes for all of the input buttons
            width: 5em;  
            height: 2em;
            font-size: 15px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <form id="mainForm" name="mainForm" method="get" action="" onsubmit="return checkForm()">
        Type something: <br> <textarea id="info" name="info" > </textarea>
        <input type="button" value="1" id="button1">
        <input type="button" value="2" id="button2">
        <input type="button" value="3" id="button3">
        <input type="submit" id="submit" name="submit" class="btn" value="Submit">
        <input type="reset" id="reset" name="reset"  class="btn" value="Clear">
    </form>
</body>

＆＃13;

Answer 2

无需仅input指定textarea。您甚至可以将inline css用于textarea。

<style type="text/css">

        textarea{
            resize: none;
        }
        input[type=button]{
        width: 5em; height: 2em;
            font-size: 15px;
            font-weight: bold;
        }
    </style>

为什么我的CSS代码无法在我的HTML文件中运行？

2 个答案: