> I'm trying to style firefox and I've hit an interesting snag.
>
> http://www.eightlines.com/neil/temp/textbox.jpg
>
> This is the search textbox at the top left and the white to the right
> of it is part of the textbox, because when I click on it, it puts the
> cursor in the part to the left. The text can only be entered in the
> left part and it starts to scroll when it reaches the drop down arrow.
>
> Does anyone know what that white on the right is, or how I can find out?
You can usually find out using DOM Inspector. After opening it, inspect
the chrome window in which you are interested, then use the "Select
Element by Click" feature. Note: this doesn't always find the exact
element; for instance, if you click on the text in a button then DOM
Inspector will only select the button itself, but if you show anonymous
nodes then you can still explore the XBL tree.
--
Warning: May contain traces of nuts.
> You can usually find out using DOM Inspector.
How do I do that on the chrome though?
It's fine if it's a standard web page. If I try to load the chrome://
url it shows up all broken.
Don't try to load the chrome URL through DOM Inspector, instead open the
window normally and use the Inspect Chrome Document option.
Interesting, it says the white block is the popup or xul:popupset. The
only problem is the only styles on xul:popupset are:
* chrome://global/content/xul.css Line 13
.autocomplete-result-popupset chrime://global/content/xul.css Line 769
On the popup child:
* chrome://global/content/xul line 13
popup, menupopup chrome://global/content/xul.css line 312
popup, menupopup, tooltip chrome://global/content/xul.css line 319
*[hidden="true"] chrome://global/content/xul.css line 20
popup[type="autocomplete"] chrome://global/content/xul.css line 725
popup[type="autocomplete"][hidden="true"]
chrome://global/content/xul.css line 760
They're all in xul.css... which I haven't modified. hrm...