如何用css改变输入框样式

html-css015

如何用css改变输入框样式,第1张

中文字符的中线和英文字符的中线定义是不一样的，你在设置输入框与文本居中对齐的时候，最好将文本的字体样式设置成英文字体，比如font-family:verdana这样有助于解决中线问题。然后再给输入框添加 vertical-align:middle样式。

注意，由于涉及到中线问题，所以字号会影响对齐的效果。例子就不举了，你可以改变字号（12px、13px等）自己尝试一下。

用CSS怎么能写输入框呢，CSS只是用来写样式的。要写输入框就用HTML的<input>标签。例如：

<input type="text" name="username" />

<input type="password" name="password">

当鼠标点击字上之后变色加粗，点其他的又变为原样，是设置错误造成的，解决方法如下：

1、首先就是打开Sublime Text编辑器，新建一个HTML页面，并添加HTML结构，如下图所示。

2、然后在body区域添加字体，注意放在一个div里面，如下图所示。

3、接下来就可以在CSS中用font-weight进行加粗设置了，只需要设置bold就可以了，如下图所示。

4、另外font-weight还可以被设置为从100到900的数值，数字越大越粗，如下图所示。

5、最后当font-weight被设置为100的时候，字体是最细的，如下图所示。