0

在此处输入图像描述

 <style> 
span.icon {
 background: url(lock.png) no-repeat;
 float: left; 
width: 40px;
 height: 40px; 
} 
</style> 

<input type="submit" id="submit" value="Log Me In"/><span class="icon">

所以图标不会显示。我有图标，但它不起作用。我试图在文件名中添加引号，但仍然没有运气。

4

3 回答 3

1

由于图标是图像文件而不是字体，因此您无法使用 CSS 更改其颜色。但是，您可以将图像换成正确着色的版本。

input{
    background:green url("http://placehold.it/50/ffffff") 10px center no-repeat;
}
input:hover{
    background-image: url("http://placehold.it/50/000000");
}

http://jsfiddle.net/daCrosby/tvNCa/2/

您可能还想研究CSS Sprites以了解此类情况。

于 2013-07-07T04:14:15.017 回答
0

您将使用图像编辑程序自己制作这样的按钮或使图像脱色。要将其变为黑色，您可以将其去饱和（或将其变为黑白文档）并更改级别以使其更暗。不过，最好还是自己制作一个新按钮。您可以通过 google 找到许多用于 gimp、photoshop、paint.net 或其他程序的漂亮按钮教程。

于 2013-07-07T03:10:35.507 回答
-2

我用微软油漆把它弄黑了哈哈。

http://i.imgur.com/o0caKSB.png 在此处输入图像描述

于 2013-07-07T03:13:22.943 回答