Question

有人告诉我，我应该使用<button>，但我被教导只应在有多行提交按钮时使用;否则，请使用<input type="submit" />。

所以我对字母表中的一些字母有这些提交输入，但它们很小，而且里面的文字很小。

我试图增加它们的高度和宽度，但这似乎没有做任何事情。填充增加没有帮助，不合理的字体大小（46000％）只会使它大于5px。

如何增加这些输入的大小及其中的文字？

<input class="letter" id="a" type="submit" value="a" />
<input class="letter" id="c" type="submit" value="c" />
<input class="letter" id="e" type="submit" value="e" />
<input class="letter" id="f" type="submit" value="f" />
<input class="letter" id="g" type="submit" value="g" />
<input class="letter" id="h" type="submit" value="h" />
<input class="letter" id="i" type="submit" value="i" />
<input class="letter" id="k" type="submit" value="k" />
<input class="letter" id="l" type="submit" value="l" />
<input class="letter" id="m" type="submit" value="m" />
<input class="letter" id="n" type="submit" value="n" />
<input class="letter" id="o" type="submit" value="o" />
<input class="letter" id="p" type="submit" value="p" />
<input class="letter" id="r" type="submit" value="r" />
<input class="letter" id="s" type="submit" value="s" />
<input class="letter" id="t" type="submit" value="t" />

我目前没有应用CSS。 HTML5 reset / normalize.css可能会影响它们。

Answer 1

尝试这些，无论哪种方式都可以：

第一路：

使用您的HTML：

<input id="a" type="submit" value="a" />

使用CSS：

input[type=submit]
{
    /* your styles here, You can just increase its font size below*/
    font-size: 10px; 
    font-weight: bold;
    font-family: ariel; 
    background-color: #ffedca;
}

第二个选项

使用您的HTML：

<input class="letter" id="a" type="submit" value="a" />

使用CSS：

.letter
{
    /* your styles here, You can just increase its font size below*/
    font-size: 10px; 
    font-weight: bold;
    font-family: ariel; 
    background-color: #ffedca;
}

Answer 2

在http://the-irf.com/dev/（页面地址，在评论中披露），显然有尝试使用以下CSS代码增加字体大小：

    .hint input{
        color:#333333;
        color:rgb(51, 51, 51);
        cursor:pointer;
        font-size:161.8%;
        font-size:1.618rem;
    }

但是，它没有任何效果，因为该页面没有任何class属性可以将类hint分配给任何元素。

有属性id="hint"，将选择器.hint更改为#hint会使按钮变大。

Answer 3

尝试:: .letter {宽度：150像素}

Answer 4

You can write it inside the input button.    
style="font-weight: bold;font-size:20pt;"

作者：Aneel Goplani。学士CIS。 2002.美国。

Answer 5

您可以通过设置css中的宽度和高度来调整输入的大小，或者仅通过设置字体大小自动调整大小。为了使按钮的尺寸保持一致，您可以设置最小高度和宽度。

在你的css中：

input{
    font-size:36pt;
    min-width:65px;min-height:65px;
}

这里有一个例子 - http://jsfiddle.net/FfkaV/3

如何在submit-input中增加文本的大小和大小？

5 个答案: