有人告诉我,我应该使用<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可能会影响它们。

===============>>#1 票数: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;
}

===============>>#2 票数: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;
    }

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

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

===============>>#3 票数:0

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

===============>>#4 票数:0

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

创建人:Aneel Goplani。 理学士 独联体 2002。美国。

===============>>#5 票数:-1

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

在您的CSS中:

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

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

  ask by Irfan Mir translate from so

未解决问题?本站智能推荐: