Question

我想使我的表格3X上的输入字段和按钮的默认大小大于正常值，并且输入字段中显示的文本比默认值大3倍。

我以前见过这个，但如果我能找到任何代码让我开始，我会被诅咒。

Answer 1

要使输入字段和按钮更大，您需要使用CSS选择器进行此操作，我将在基本表单上为您提供一个快速示例：

HTML：

<form ID="Form" action="Contact.php" method="post">
     <!-- Standard input text boxes -->
     <input type="Text" name="FirstName" placeholder="First Name">
     <input type="Text" name="Surname" placeholder="Surname">

     <!-- Submit button -->
     <input type="submit" value="Submit" name="Submit">
</form>

CSS：

input[name=FirstName] {
    font-family: Arial;
    font-size: 16px;
    width: 300px;
    height: 150px;
    font-weight: bold;
}

input[name=Surname] {
    font-family: Arial;
    font-size: 16px;
    width: 300px;
    height: 150px;
    font-weight: bold;
}

input[type=submit] {
    width: 300px;
    height: 300px;
    font-family: Arial;
    font-size: 16px;
    background: #DF0101; /* red */
    box-shadow: #6E7849 1px 1px 10px;
    color: white;
}

这是我刚刚完成的jsfiddle.net示例，然后可以修改所有宽度和高度等，以满足您在CSS样式表中的偏好。

http://jsfiddle.net/tduagdnt/

如何对表单进行样式化以使其真正大大减少

1 个答案: