我正在尝试创建此处描述的特定 CSS 按钮:
http://www.2shared.com/file/5131551/412bd8a8/Sans_titre-1_copie.html
基本上,它是一个满足以下条件的按钮:
- 里面的文字是HTML内容(它 将包含文字 + 图片)
- 它有圆 Angular
- 当鼠标悬停时它会改变颜色
- 灵活的宽度和高度
- 这是一个单选按钮,点击按钮上的任意位置即可激活。
有什么想法或引用可以帮助我创建它吗?
最佳答案
http://css-tricks.com/video-screencasts/17-sliding-doors-button/
这是为按钮设置动态/灵活大小的一种很酷的方式,并且将您想要的任何 html 放入其中都不会太难......您必须稍微玩一下 css更多的是着色,但我认为你应该只需要一点创意 css/html。
从构建这个按钮开始,让我们发布您获得的任何 css 结果!
补充:
现在没有时间尝试,但是在带有跨度的 html 中做一个单选按钮、文本和图像,使用该链接进行灵活的尺寸标注,然后在 css 中悬停颜色变化...再次通知我们!
关于javascript - 具有圆 Angular 的 CSS 按钮,可对点击使用react,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/666408/