怎么修改谷歌浏览器文件提交按钮样式_Chrome的默认按钮样式

最新推荐文章于 2023-09-25 17:54:32 发布

张仁鹏

最新推荐文章于 2023-09-25 17:54:32 发布

阅读量189

点赞数

文章标签：怎么修改谷歌浏览器文件提交按钮样式

本文链接：https://blog.csdn.net/weixin_42348021/article/details/112816375

版权

这篇博客讨论了如何在CSS中获取默认的Chrome按钮样式。作者指出，浏览器和操作系统通常负责渲染默认按钮，而纯CSS无法直接复制这种样式。虽然可以逐个重建背景图片、边框和圆角等元素来模仿，但完全匹配可能很困难。如果愿意使用jQuery，库如jQuery UI提供了一种更简单的方法来实现类似效果。

摘要由CSDN通过智能技术生成

Is it possbile to get the default Chrome button style in CSS?

But i want this button CSS code...

解决方案

If you want the pure CSS rules, you can inspect the button element and check out the entries saying "user agent stylesheet".

In my Chrome 9, they look like this:

input, textarea, keygen, select, button, isindex, datagrid {

margin: 0em;

font: -webkit-small-control;

color: initial;

letter-spacing: normal;

word-spacing: normal;

....... etc. much more

however, if you literally want the rules for natively rendering a button, in order to render the same button in other browsers, I think that's impossible: A default button will be rendered by the Browser's UI or even the underlying operating system. In my Windows 7, the default button looks like this:

This style, as far as I know, is not in the CSS rules. You would have to rebuild it using background images, borders, rounded corners etc. If you don't mind using jQuery, libraries like jQuery UI have seducingly simple solutions for this.