X
Nhấn vào đây để đến phiên bản di động của trang web.

Diễn đàn trợ giúp

CSS: .urlbar-textbox-container in Firefox 66

Được đăng

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.

Được chỉnh sửa bởi Yaron vào

Giải pháp được chọn

Try this code:

.urlbar-input-box  { margin-inline-end: 3px !important; }
Đọc câu trả lời này trong ngữ cảnh 0

Chi tiết hệ thống bổ sung

Phần bổ trợ đã cài đặt

  • Shockwave Flash 32.0 r0

Ứng dụng

  • Chuỗi đại diện người dùng: Mozilla/5.0 (Windows NT 6.1; rv:66.0) Gecko/20100101 Firefox/66.0

Thông tin chi tiết

cor-el
  • Top 10 Contributor
  • Moderator
17477 giải pháp 157949 câu trả lời
Được đăng

Câu trả lời hữu ích

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

Người tạo câu hỏi

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
17477 giải pháp 157949 câu trả lời
Được đăng

Câu trả lời hữu ích

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

Được chỉnh sửa bởi cor-el vào

cor-el
  • Top 10 Contributor
  • Moderator
17477 giải pháp 157949 câu trả lời
Được đăng

Giải pháp được chọn

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>

Người tạo câu hỏi

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.