Стиль кнопок Chrome по умолчанию - PullRequest
Новая
       35

Стиль кнопок Chrome по умолчанию

2 голосов
/ 17 февраля 2011

Возможно ли получить стиль кнопки Chrome по умолчанию в CSS?

Конечно, многие скажут использовать http://pastebin.com/zjkW2cJe или http://pastebin.com/xKGBZFPg

Но мне нужна эта кнопкакод ...

Ответы [ 3 ]

3 голосов
/ 17 февраля 2011

Если вам нужны чистые правила 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

однако, если вам буквально нужны правила для нативного рендеринга кнопки, то для рендеринга этой же кнопки в других браузерах я думаю, что это невозможно: кнопка по умолчанию будет отображаться пользовательским интерфейсом браузера или даже базовой операционной системой.,В моем Windows 7 кнопка по умолчанию выглядит так:

enter image description here

Этот стиль, насколько мне известно, отсутствует в правилах CSS.Вам придется перестроить его, используя фоновые изображения, границы, закругленные углы и т. Д. Если вы не возражаете против использования jQuery, библиотеки, такие как jQuery UI , предлагают для этого очень простые решения.

1 голос
/ 17 февраля 2011

Вы хотите их ... визуально?Если это так, проверьте элемент и посмотрите на вычисленные стили.

0 голосов
/ 15 августа 2017

В текущем Chrome на macOS это выглядит примерно так: 

background-image: linear-gradient(to bottom, #e4e4e4, #f7f7f7);
border: 1px solid #afafaf
...