有没有把地址输入框透明的css？

如图，差个地址栏就协调了。
试过

#urlbar-container {max-width:160px !important; background-image: -moz-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,.3)) !important;}

这样，输入框周围是有透明，但框内部还是白色没有变化。

字体非常清晰。。。。你用MT渲染？

dsyo2008：字体非常清晰。。。。你用MT渲染？回到原帖

是的，默认的 lcd 配置，方正正黑字体。

图片：1.png

/*====一大波透明正在接近====*/
/*==导航栏和标签栏透明==*/
#nav-bar{
   background: transparent !important;
   border: 0px !important;
}

#TabsToolbar{
  background: transparent !important;
}

/*==书签栏、状态栏、查找栏、地址栏透明并且文字添加阴影==*/
#PersonalToolbar, #browser-bottombox, #addon-bar,#urlbar{
   -moz-appearance: none !important;
   background: transparent !important;
   text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.8) 0 0 0.2em, rgba(255,255,255,.8) 0 0 0.2em !important;
   font-weight:bold !important; 
   border: none !important;
}

/*==载入窗口透明==*/
#appcontent, #content >tabbox >tabpanels {
  background-color: transparent !important;
} 

/*==隐藏菜单栏白色背景==*/
#main-menubar {background:none !important};

/*==解决部分插件弹出菜单背景透明==*/
popup {
   -moz-appearance: menupopup !important;
}

/*==菜单背景透明==*/
popup:not(#autoscroller), menupopup
{
color: black !important;
-moz-appearance: -moz-win-glass !important;
background: transparent !important;
border: none !important;
padding: 5px 5px 5px 5px !important;
margin: 0px 0px 0px 0px !important;
text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.8) 0 0 0.2em, rgba(255,255,255,.8) 0 0 0.2em !important;
}
/*====透明结束====*/

有私货，自行按照需要添加/删改

白左：
有私货，自行按照需要添加/删改回到原帖

 

图片：无标题.png

搞定了，附上我的 css

/* 固定地址栏长度 */
#urlbar-container {max-width:160px !important;}

/* 精简火狐按钮 */
/* 去掉文字和下拉箭头 */
#appmenu-button .button-text {display: none !important;} #appmenu-button dropmarker {display: none !important;}
/* 背景透明及加上图标 */
#appmenu-button {list-style-image:url("firefox.png");
/* 调整按钮宽度和边距 */
min-width:25px !important; padding-top:6px !important; padding-left:0px !important; padding-right:0px !important;}


/*标签栏位移*/
#main-window[chromemargin]:not([inFullscreen="true"]) #TabsToolbar {
padding: 0px 0px 3px 0px !important;
}

/*标签页宽度指定*/
.tabbrowser-tab[fadein]:not([pinned]) {
max-width:160px !important;
min-width:60px !important;
}

/* 书签按钮下拉菜单：隐藏多余的书签菜单项及其上的分割线 */
menuseparator[class="hide-if-empty-places-result"], 
#BMB_unsortedBookmarks, 
#BMB_viewBookmarksToolbar,
#BMB_viewBookmarksToolbar+menuseparator,

#BMB_bookmarksShowAll,
#BMB_bookmarksShowAll+menuseparator,

/*#BMB_bookmarkThisPage,*/
#BMB_subscribeToPageMenuitem,

#BMB_subscribeToPageMenupopup,
/*#BMB_subscribeToPageMenupopup+menuseparator,*/

#BMB_bookmarksToolbar,
#BMB_bookmarksToolbar+menuseparator,

#menu_unsortedBookmarks{
   display:none !important;}

/*====一大波透明正在接近====*/
/*==导航栏和标签栏透明==*/
#nav-bar{
   background: transparent !important;
   border: 0px !important;
}

#TabsToolbar{
  background: transparent !important;
}

/*标签页悬停*/
.tabbrowser-tab:not([selected=true]):hover,.tabs-newtab-button:hover {
    background-image: -moz-linear-gradient(rgba(255,255,255,.2), rgba(255,255,255,.2)) !important;
   text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.8) 0 0 0.2em, rgba(255,255,255,.8) 0 0 0.2em !important;
}
/*后台标签*/
.tabbrowser-tab:not([selected=true]),.tabs-newtab-button {
    background-image: -moz-linear-gradient(rgba(255,255,255,.0), rgba(255,255,255,.0)) !important;
   text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.8) 0 0 0.2em, rgba(255,255,255,.8) 0 0 0.2em !important;
}
/*当前标签*/
.tabbrowser-tab {
    background-image: -moz-linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.4)) !important;
   text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.8) 0 0 0.2em, rgba(255,255,255,.8) 0 0 0.2em !important;
}

/*==书签栏、状态栏、查找栏、地址栏透明并且文字添加阴影==*/
#PersonalToolbar, #browser-bottombox, #addon-bar,#urlbar{
   -moz-appearance: none !important;
   background: transparent !important;
   text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.8) 0 0 0.2em, rgba(255,255,255,.8) 0 0 0.2em !important;
}

/*==载入窗口透明==*/
#appcontent, #content >tabbox >tabpanels {
  background-color: transparent !important;
}

/*==隐藏菜单栏白色背景==*/
#main-menubar {background:none !important};

/*==解决部分插件弹出菜单背景透明==*/
popup {
   -moz-appearance: menupopup !important;
}

又有新追求了。。。
要是输入框能像当前标签页那样有半透明背景而不是全透明的话，就更好了，或者能把那个框线加亮也行。
可是像当前标签页那样写又不行：
[s]/*地址输入框*/
#urlbar {
    background-image: -moz-linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.4)) !important;
   text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.<!-- s8) --><img src="{SMILIES_PATH}/icon_cool.gif" alt="8)" title="Cool" /><!-- s8) --> 0 0 0.2em, rgba(255,255,255,.<!-- s8) --><img src="{SMILIES_PATH}/icon_cool.gif" alt="8)" title="Cool" /><!-- s8) --> 0 0 0.2em !important;
}[/s]
代码都变表情了

/*==书签栏、状态栏、查找栏、地址栏透明并且文字添加阴影==*/
#PersonalToolbar, #browser-bottombox, #addon-bar{
   -moz-appearance: none !important;
   background: transparent !important;
   text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.8) 0 0 0.2em, rgba(255,255,255,.8) 0 0 0.2em !important;
}
#urlbar{opacity: 0.5 !important;}

楼上的好像是伪透明，字体也跟着透明了
搜索了半天，终于解决了。

/*==书签栏、状态栏、查找栏透明并且文字添加阴影==*/
#PersonalToolbar, #browser-bottombox, #addon-bar, {
   -moz-appearance: none !important;
   background: transparent !important;
   text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.8) 0 0 0.2em, rgba(255,255,255,.8) 0 0 0.2em !important;
}

/*==地址框、搜索框透明并且文字添加阴影==*/
#urlbar,  #urlbar[focused="true"],  .searchbar-textbox, .searchbar-textbox[focused="true"] {
        background: -moz-linear-gradient(left, rgba(255,255,255,.2), rgba(255,255,255,.2)) !important;
        text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.8) 0 0 0.2em, rgba(255,255,255,.8) 0 0 0.2em !important;
}

fire/fox：楼上的好像是伪透明，字体也跟着透明了
搜索了半天，终于解决了。

/*==书签栏、状态栏、查找栏透明并且文字添加阴影==*/
#PersonalToolbar, #browser-bottombox, #addon-bar, {
   -moz-appearance: none !important;
   background: transparent !important;
   text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.8) 0 0 0.2em, rgba(255,255,255,.8) 0 0 0.2em !important;
}

/*==地址框、搜索框透明并且文字添加阴影==*/
#urlbar,  #urlbar[focused="true"],  .searchbar-textbox, .searchbar-textbox[focused="true"] {
        background: -moz-linear-gradient(left, rgba(255,255,255,.2), rgba(255,255,255,.2)) !important;
        text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.8) 0 0 0.2em, rgba(255,255,255,.8) 0 0 0.2em !important;
}

回到原帖

有白背景的话就不用加阴影了，阴影就是用来放置黑背景不可见的

有白背景的话就不用加阴影了，阴影就是用来放置黑背景不可见的

刚才试了下，个人觉得还是有阴影好看些，不然看起来有点单薄，或者可以把阴影调淡一点。

这个插件图标的白色背景是哪个元素？不知道能不能干掉

fire/fox：这个插件图标的白色背景是哪个元素？不知道能不能干掉 回到原帖

#notification-popup-box{
  background-color:rgba(255, 255, 255, 0.3) !important;
}

箭头是图片  chrome://browser/skin/urlbar-arrow.png没法改，要么加opacity要么直接替换

白左：
#notification-popup-box{
  background-color:rgba(255, 255, 255, 0.3) !important;
}

箭头是图片  chrome://browser/skin/urlbar-arrow.png没法改，要么加opacity要么直接替换回到原帖

这样效果也不错，没有一大块的惨白
调整了一下阴影，应该可以定型了。

图片：无标题.png

图片：4.jpg

图片：21.jpg

楼主用的是什么主题皮肤,能分享一下吗?