X
點擊此處開啟此網站的行動版。

技術支援討論區

CSS: .urlbar-textbox-container in Firefox 66

已張貼

Hello,

.urlbar-textbox-container { margin-inline-end: 3px !important; }

does not work in FF 66.

What should be the replacing rule?

Thank you.

Hello, .urlbar-textbox-container { margin-inline-end: 3px !important; } does not work in FF 66. What should be the replacing rule? Thank you.

由 Yaron 於 修改

被選擇的解決方法

Try this code:

.urlbar-input-box  { margin-inline-end: 3px !important; }
從原來的回覆中察看解決方案 0
cor-el
  • Top 10 Contributor
  • Moderator
17467 個解決方法 157838 個答案

有幫助的回覆

I'm not sure what this selector was used for. You can see the current implementation or the urlbar-container here:

I'm not sure what this selector was used for. You can see the current implementation or the urlbar-container here: *https://dxr.mozilla.org/mozilla-release/source/browser/base/content/browser.xul#888

提出問題者

Thank you cor-el.

I just want to add a 3px margin to the urlbar-textbox (on the left).. I've tried various combinations but none works.

Can you please try it?

Thank you cor-el. I just want to add a 3px margin to the urlbar-textbox (on the left).. I've tried various combinations but none works. Can you please try it?
cor-el
  • Top 10 Contributor
  • Moderator
17467 個解決方法 157838 個答案

有幫助的回覆

That is between the Control Center 'i' icon and the text box ? I assume that you want some margin at the end of the text before the icon that appear at the right.

Can you attach a screenshot to show how it currently is?

<strike>That is between the Control Center 'i' icon and the text box ?</strike> I assume that you want some margin at the end of the text before the icon that appear at the right. Can you attach a screenshot to show how it currently is? *https://support.mozilla.org/en-US/kb/how-do-i-create-screenshot-my-problem *use a compressed image type like PNG or JPG to save the screenshot

由 cor-el 於 修改

cor-el
  • Top 10 Contributor
  • Moderator
17467 個解決方法 157838 個答案

選擇的解決方法

Try this code:

.urlbar-input-box  { margin-inline-end: 3px !important; }
Try this code: <pre><nowiki>.urlbar-input-box { margin-inline-end: 3px !important; }</nowiki></pre>

提出問題者

Hello cor-el,

My Firefox is RTL (Hebrew).

I wanted to add a margin before the address.

.urlbar-textbox-container { margin-inline-end: 3px !important; }

used to work prior to FF 66.

I've actually tried

.urlbar-input-box { margin-inline-end: 3px !important; }

but it didn't work.

It turns out it should be "margin-inline-start" or ""margin-left".

.urlbar-input-box { margin-left: 3px !important; }

works.

Thank you very much. I appreciate your help.

Hello cor-el, My Firefox is RTL (Hebrew). I wanted to add a margin before the address. .urlbar-textbox-container { margin-inline-end: 3px !important; } used to work prior to FF 66. I've actually tried .urlbar-input-box { margin-inline-end: 3px !important; } but it didn't work. It turns out it should be "margin-inline-'''start'''" or ""margin-'''left'''". .urlbar-input-box { margin-left: 3px !important; } works. Thank you very much. I appreciate your help.