Chrome默认按钮样式

2024-03-24

是否可以在 CSS 中获取默认的 Chrome 按钮样式?

当然很多人会说用http://pastebin.com/zjkW2cJe http://pastebin.com/zjkW2cJe or http://pastebin.com/xKGBZFPg http://pastebin.com/xKGBZFPg

但我想要这个按钮的 CSS 代码...


如果您想要纯 CSS 规则,您可以检查按钮元素并查看“用户代理样式表”条目。

在我的 Chrome 9 中,它们看起来像这样:

input, textarea, keygen, select, button, isindex, datagrid {
margin: 0em;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
....... etc. much more

但是,如果您确实想要本机渲染按钮的规则,以便在其他浏览器中渲染相同的按钮,我认为这是不可能的:默认按钮将由浏览器的 UI 甚至底层操作系统渲染。在我的 Windows 7 中,默认按钮如下所示:

据我所知,这种样式不在CSS规则中。你必须使用背景图像、边框、圆角等来重建它。如果你不介意使用 jQuery,可以使用像jQuery用户界面 http://jqueryui.com/对此有诱人的简单解决方案。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Chrome默认按钮样式 的相关文章

  • 绝对定位的最小高度

    我的页面 topLeft 上有一个区域设置了最小高度 在 topLeft 中 我有一个 heroBanners 部分 我希望将其锚定到 topLeft 的底部 使用position absolute 底部 0 起初 这工作正常 但是当 to
  • 复选框和标签之间的填充

    对于 CSS 专家来说 此标记输出一个带有标签的复选框Value1在它的右边 但是Value1距离复选框太近 dd dd
  • 不间断破折号 html [重复]

    这个问题在这里已经有答案了 我知道有一个不间断的空白 nbsp 是否有不间断的破折号 我可以使用这样我的单词就不会在该位置换行 中断 另外 有人可以向我指出一个列表 其中包含在断开句子时优先考虑的字符 例如空格 提前致谢 Use 8209
  • 如何让 div 调整其高度以适应容器?

    如何让导航 div 向下展开或使其高度与其父 div 相同 border 0 padding 0 margin 0 container margin left auto margin right auto border 1px solid
  • 如何向 ionic 2 警报添加禁用按钮

    我创建了一个 ionic2 警报 我必须根据条件禁用按钮 这是我的代码的简单结构 import AlertController from ionic angular export class MyPage constructor publi
  • 如何让一个不可见的透明按钮起作用?

    查看 Unity 论坛和问答网站中的一些答案 如何制作隐形按钮的答案不起作用 因为删除与按钮关联的图像会使其不起作用 如何解决这个问题并保持不可见属性 同时允许按钮实际工作 这是 Unity 的怪异之处之一 100 的现实世界项目都需要这个
  • 使用 CSS 检查滚动

    我正在尝试创建一个纯 100 CSS 无 jQuery 返回顶部 按钮 但我希 望该按钮仅在访问者向下滚动页面时显示 是否可以用 CSS 来检查这一点 因此 如果访问者向下滚动一点 则会显示 返回顶部 按钮 Thanks 根据光标位置确定
  • Html 5 音频标签自定义控件?

    我觉得我在这里服用了疯狂的药丸 因为我不知道如何使用自定义控件渲染 html 5 音频标签 到目前为止我有这个 html 它工作没有问题
  • 当鼠标移动缓慢时,Bootstrap 4中的菜单消失

    我在跑这把小提琴 https jsfiddle net Chamster o23865p6 当鼠标指针从 开始 快速移动到展开的菜单时 一切都很好 然而 当移动速度较慢时 菜单会关闭 因为感觉就像鼠标左移 const menu li dro
  • CSS中的继承是什么意思? [复制]

    这个问题在这里已经有答案了 我经常使用background inherit 像这样 许多其他 CSS 属性接受继承作为值 但有什么作用inherit意思是 它是如何工作的 inherit只是意味着样式将从元素的父元素继承 例如 jsFidd
  • vuetify v-text-field 给定值后背景颜色发生变化

    我正在使用 vuetify 创建登录表单 并使用 v text field 作为输入 当有字段建议时就会出现问题 例如 我的浏览器中保存了多封电子邮件 它会在电子邮件字段上为我提供这些电子邮件的建议 到目前为止一切都很好 但是当我选择其中之
  • 样式的顺序重要吗?

    下面是我的标记 当我将鼠标移到超链接上时 它们会带有下划线并变成红色 但如果我交换最后两条规则的顺序 超链接仍然会带有下划线 但它们的颜色会变为黑色而不是红色 这是设计使然吗 如果是这样 规则是如何应用的 谢谢 康斯坦丁
  • 使用 html 表收集提交表单中的各种数据

    我有一个 jsp 页面 其中包含一个表 分页并带有顺序列 一个搜索字段和其他基于复选框的过滤器 这样 当我单击按钮时 它会采用表格的分页 表格的顺序 搜索字段中的值以及最终的其他参数 复选框 来执行查询 目前 该表具有分页和使用标签库排序的
  • CSS 100% 高度布局

    我知道这是一个常见问题 我查找了一些解决方案 但找不到我想要的东西 我想转换this http pastehtml com view av6fb8bir html到无表布局 注意 页眉和页脚必须设置为固定高度 以像素为单位 50px 即可
  • 在系统范围内向 Mac 窗口标题栏添加按钮

    我希望能够添加一个按钮标题栏 https developer apple com design human interface guidelines macos windows and views window anatomy of Mac
  • 如何对列表进行垂直排序?

    我在下面使用这个HTML and CSS对列表进行排序的代码vertical 输出是horizontal sorted 我的示例代码
  • css打印模式:仅在生成的word文档的第一页上显示页眉和页脚

    我使用 html 代码成功生成了 Word 文档 其中页眉和页脚以 css 打印模式设置样式 这是我的代码
  • 在响应式网格上设置多个“相同高度”行部分的 CSS 唯一解决方案

    Wanted 仅 CSS 的解决方案 可在每行基础上启用多个等高网格 部分 并且也是响应式的 注意 这是一个后续问题这个问题 https stackoverflow com questions 44115503 css only solut
  • 在无序列表中的项目后面添加管道分隔符,除非该项目是一行中的最后一个

    是否可以设置此 html 的样式 ul li Dogs li li Cats li li Lions li li Tigers li li Zebras li li Giraffes li li Bears li li Hippopotam
  • 如何使元素水平居中?

    如何水平居中 div 在另一个内 div 使用CSS div div Foo foo div div With flexbox水平和垂直居中的 div 样式非常容易 inner border 0 05em solid black outer

随机推荐