javascript - 具有圆 Angular 的 CSS 按钮,可对点击使用react

标签 javascript css button

我正在尝试创建此处描述的特定 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/

相关文章:

html - 打开子菜单而不创建空白空间

html - 有什么简单的方法可以将按钮和标题一起放置在 Flask 应用程序的网页中心垂直对齐?

java - Android 中无需本地化的多语言功能,但可通过按钮实现

javascript - 使用 jQuery 单击后禁用链接

javascript - 反转表格行顶行在底部而不改变 th 的位置,如何?

javascript - if/else 语句仅返回最终条件的问题

javascript - 我无法通过AJAX调用捕获特定浏览器记录的错误。捕获这些可能吗?

javascript - 随机颜色 jquery 框

javascript - 将网页中的按钮移动到另一个

javascript - Obj 构造函数中的 AJAX 回调