0

有人告诉我应该使用<button>s，但有人告诉我，只有当你有一个多行提交按钮时才应该使用；否则，使用<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 可能会影响它们。

4

5 回答 5

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;
}
于 2013-04-16T01:10:05.863 回答
1

在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使按钮更大。

于 2013-04-16T04:10:28.977 回答
0

试试 :: .letter{width:150px}

于 2013-04-16T04:19:54.433 回答
0 
You can write it inside the input button.    
style="font-weight: bold;font-size:20pt;"

作者：Aneel Goplani。理学士 独联体。2002. 美国。

于 2016-05-23T18:59:37.630 回答
-1

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

在你的 CSS 中：

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

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

于 2013-04-16T01:08:41.110 回答