Для расширений боковой панели переопределите view-source: resource: //gre-resources/forms.css - PullRequest
Новая
       30

Для расширений боковой панели переопределите view-source: resource: //gre-resources/forms.css

0 голосов
/ 27 ноября 2018

В расширении боковой панели Firefox элемент button и другие элементы получают стиль display: block, и я не могу переопределить его, чтобы получить стиль по умолчанию.

Для воспроизведения этой проблемы у меня есть следующий HTML-код: 

<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <style>
    button {display: inline-block;}
    </style>
  </head>

<body>
<button style="width:60px;display:inline-block;">Details</button>
  &nbsp;*&nbsp;
<button style="width:40px;display:inline-block;">List</button>
</body>

</html>

И следующий манифест: 

{

"manifest_version": 2,
"name": "ResFormsStyle",
"description": "Shows effects of the Resource Forms Style.",
"version": "0.1",
"applications": {
  "gecko": {
    "id": "{8F454562-7CDE-4FA1-AA59-297AA37E06BC}",
    "strict_min_version": "42.0"
  }
},

"sidebar_action": {
  "default_icon": "icons/star.png",
  "default_title" : "Resource Forms Style",
  "default_panel": "sidebar/panel.html"
}

}

В инструменте разработчика, вкладка «Инспектор», вкладка «Вычисленные», я вижу следующее для каждой кнопки:

enter image description here

За пределами расширений Firefox (боковой панели) кнопка имеет стиль встроенного блока по умолчанию.Когда я нажимаю на forms.css, я получаю

view-source: resource: //gre-resources/forms.css

Это явно меняет отображение по умолчанию: inline-block для отображения: block, и я не знаю, как это переопределить.Как вернуть на экран кнопки и другие соответствующие элементы: inline-block?

...