Элементы управления HTML-формой стиля

Question

Как создать типы ввода «сброс», «кнопка» и «файл», допустим, с помощью изображений?

Спасибо!

Answer 1

styled.css:

input[@type='button'] 
{ 
    background-image: url(button.png); 
} 

input[@type='reset'] 
{ 
    background-image: url(reset.png); 
} 

input[@type='file'] 
{ 
    background-image: url(file.png); 
} 

Answer 2

HTML

<input type="button" name="buttonname" class="form-button" /> 

CSS

<style type="text/css"> 

.form-button 
{ 
    background-image: url(image.gif); 
} 

</style> 

Answer 3

К сожалению, вы подаете кнопка не может быть стилизовано без применения a hack, но другие типы могут быть в стиле:

<style type="text/css"> 
    input[type=button] { 
    background-image: url(http://static3.grsites.com/archive/textures/blue/blue003.jpg); 
    color: yellow; 
    font-weight: bold; 
    } 

    input[type=reset] { 
    background-image: url(http://static2.grsites.com/archive/textures/red/red003.jpg); 
    color: yellow; 
    font-weight: bold; 
    } 
</style>