使用CSS更改HTML按钮字体 [英] Changing HTML button font with CSS

查看:77
本文介绍了使用CSS更改HTML按钮字体的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我一直在尝试并且未能使用CSS更改按钮字体.我可以更改其背景颜色,也可以更改textarea输入的字体,但是由于某些原因,我似乎无法更改按钮的字体.据我有限的理解,以下代码应该可以工作:

I've been trying and failing to change button font with CSS. I can change their background color and I can change a textarea input's font, but for some reason I don't seem to be able to change a button's font. From my limited understanding, the following code should work:

<html> 
<head> 
<style> 
    body {
        font-family: monospace;
    }
    input[type=button] {
        font-family: monospace;
    }
    </style> 
</head>
<body> 
    This is a button: 
    <input type = "button" value = "Please click"> 
</body> 
</html> 

但仅更改文本的字体,而不更改按钮.我想念什么?

But only changes the font of the text, not the button. What am I missing?

[UPDATE]根据此处的回答,我将输入[type = button] 更改为 input [type = button] .

[UPDATE] Per the responses here I changed input [type = button] to input[type=button].

推荐答案

它是如此简单,您已经拥有了它.我认为您在编写CSS时犯了一个错误,尽管您很接近,但在 input [type = button] 中有一个空格.

It is so simple, you already have it. I think you made a mistake while writing CSS of it, you have a space in input[type=button], though you were pretty close.

<style> 
body {
    font-family: monospace;
}
input[type=button] {
    font-family: monospace;

}
</style>

这篇关于使用CSS更改HTML按钮字体的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆