大家好我试图改变按钮和textArea皮肤的皮肤(形状)到另一个。有些东西像第二张照片。 如何更改按钮的皮肤
3
A
回答
4
你有一个以上的可能性要做到这一点:
使用背景图片(作品在每个浏览器,但我个人不喜欢它重新编辑并保存图像文件的每个小再次详细) CSS:
button {
background: url('some image..');
width: <width of the background image>;
height: <height of the background image>;
...
}
button:hover {
background: url('mouseover image');
...
}
另外,您可以使用较新的CSS属性创建按钮。他们提供你想要的一切,它是远远比使用背景图片凉,但不足之处是没有很多浏览器都支持这充分今日(有的不会很长一段时间,是IE浏览器,我的意思是你):
button {
border: solid 1px somecolor;
color: #eee;
border-radius:5px;
-moz-border-radius:5px;
background: -moz-linear-gradient(top, #5E5E5E 0%, #474747 51%, #0a0e0a 51%, #0a0809 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5E5E5E), color-stop(51%,#474747), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));
}
button:hover {
color: white;
}
看这里创建CSS渐变:什么是可能使用纯CSS3 http://www.colorzilla.com/gradient-editor/
印象和教程:
http://technology.posterous.com/make-css3-buttons-that-are-extremely-fancy
http://www.kulturbanause.de/2010/05/css3-als-photoshop-ersatz-buttons-und-grafiken/ (德语,但嘿,你就可以 看到按钮和读取CSS neverthenless)
简单的例子,也许正是 你需要: http://capturedsparks.com/pure-css3-buttons/
可以使用它们相同的属性,造型一个textarea:border
,background
,color
对字体颜色等
3
<button type="submit" style="border: 0; background: transparent">
<img src="/images/Btn.PNG" width="90" heght="50" alt="submit" />
</button>
1
你可以申请一个样式的底部或提交HTML标签,如:
<input type="submit" class="mybotton" value="Continue" />
通过这种方式,你可以添加背景图片:
.mybotton{
background-image: url(buttonimage.png);
}
关心!
0
如果u想要的是ü上述相同的设计就用这个
<input type="image" src="submitbutton.png" />
相关问题
- 1. 自定义Flex皮肤 - 按钮皮肤中的辅助按钮
- 2. TileLayout在按钮栏皮肤
- 3. 如何更改api中的Windows皮肤
- 4. 如果皮肤上的火花按钮
- 5. 更改Flex按钮图标使用皮肤的Alpha
- 6. 如何更改JFXtras议程皮肤?
- 7. Webix Web皮肤中的样式按钮
- 8. Flex中的按钮皮肤问题
- 9. 带有皮肤按钮的Flex DataGrid
- 10. Flex 4皮肤:根据父容器状态更改皮肤
- 11. 皮肤火花闪光按钮
- 12. 应用皮肤文件按钮在ASP.net
- 13. 使用AJAX更改网页的皮肤
- 14. 更改TN3上的皮肤jQuery画廊
- 15. 如何在flex 3中的皮肤按钮?
- 16. NullReferenceException通过Application.Current.Resources更改皮肤/主题
- 17. 在DotNetNuke中更改模拟成皮肤
- 18. 更改VS 2010默认皮肤
- 19. 从Zebra更改日期包皮肤
- 20. 编辑mediawiki皮肤时应用更改
- 21. 你如何改变脊椎皮肤? libgdx
- 22. 如何为TabNavigator按钮设置风格或皮肤?
- 23. 如何将皮肤设置为null按钮?
- 24. 如何在iOS中将白色皮肤脸部改为黑色皮肤脸部?
- 25. 如何更改og:video meta标签中的jwplayer皮肤?
- 26. 如何在Android中更改整个程序的皮肤风格?
- 27. 如何更改MediaWiki皮肤中TOC的位置
- 28. WPF的MS功能区 - 如何更改皮肤
- 29. 如何动态更改活动的皮肤?
- 30. 如何创建dotnetnuke皮肤和皮肤对象?
从来没有见过它的书面的方式。它真的有用吗?我喜欢它! – Lobo 2010-12-03 08:58:43