userChrome.css・userContent.cssスレ Part7

**名無しさん＠お腹いっぱい。** · 2017/11/11(土) 18:54:58.08

●前スレ
userChrome.css・userContent.cssスレ Part6
http://egg.2ch.net/test/read.cgi/software/1438959541/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
User Style Manager
https://addons.mozilla.org/ja/firefox/addon/user-style-manager/

●スクリプト
userChromeJS/UserCSSLoader at master ｷ Griever/userChromeJS
https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader

●CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）

●関連サイト
userstyles.org
http://userstyles.org/

MDN - CSS
https://developer.mozilla.org/ja/docs/Web/CSS

とほほのスタイルシート入門
http://www.tohoho-web.com/css/

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 05:35:43.66

>>181
うちもフォントの設定がおかしくなったけど試しに新規プロファイルでやってみたら普通にできたから
もしかしたらプロファイルの問題かもね

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 11:15:20.63

下記でアクティブタブに丸みがつくのですが、すべてのタブに丸みをつけるにはどう書けば良いのでしょうか？
/*** タブの角に丸み ***/
.tab-background {
border-radius: 8px 8px 0px 0px !important;
border-image: none !important;
}
.tab-line {
display: none;
}

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 11:34:32.44

「font-weghit」とか書いてたらそりゃ動くわけねーわ
アホかよ

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 12:17:38.79

>>185
この間教えてもらったものです
>>186をつなげてください

/* タブの角を丸くする */
#TabsToolbar .tabs-newtab-button,
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-stack,
#TabsToolbar .tabbrowser-tab .tab-background,
#TabsToolbar .tabbrowser-tab .tab-content {
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}
.tabbrowser-tab::after,
.tabbrowser-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: unset !important;
width: unset !important;
}
.tabbrowser-tab > .tab-stack > .tab-background > .tab-line[selected=true],
.tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]) {
background-color: rgba(0,0,0,.2);
opacity: 0 !important;
}

.tabbrowser-tab .tab-background[selected=true] {
border-image: unset !important;
border-image-slice: 0 !important;
border-top:2px solid #3030E0 !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 12:18:04.30

.tabbrowser-tab::after,
.tabbrowser-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: unset !important;
width: unset !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 12:40:07.80

>>187
うーん、残念！
アクティブタブのみ丸くなり、その他間の仕切りも消えます。
>>188も繋げてます。

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 12:46:11.31

>>189
一応うちのは丸くなって入るんですが
自分はさっぱりわけわかめなので
https://i.imgur.com/xRO0eun.png

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 12:50:37.07

お世話になります　この2か所の調整できますでしょうか
https://i.imgur.com/8GzBRjf.png
よろしくお願いします

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 12:52:21.98

両方共どっかでみたことある
無理ではないと思う

**191** · 2017/11/20(月) 12:57:29.42

ありがとうございます
パンツ脱いで待ってます
どなた様かよろしくお願いします

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 13:07:00.55

サイドバーのタイトルバーをそもそも表示させないって言うのなら利用させてもらっている

/*サイドバーヘッダーを隠す*/
#sidebar-header { visibility: collapse; }

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 13:13:37.00

自分も>>185だけで全てのタブに反映されてる

**193** · 2017/11/20(月) 13:19:50.03

>>194
早速ありがとうございます。

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 13:22:36.06

>>195
俺はカレントタブだけ丸みが付いているように見えるけど、他のタブにカーソル乗せてみると
やっぱり丸み付いてるから、>>185の環境でタブと背景が同色で丸みが見えないだけだと予想

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 13:24:52.42

/* アドレスバーの幅変更 */
#urlbar,
.searchbar-textbox {
width: 300px !important;
/* 検索バーの幅変更 */
#nav-bar,
#nav-bar-customization-target {
width: 300px !important;
}

素人だけどこれのwidthをheightにしてなんかすればいいんじゃね

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 13:27:28.48

>>190
radiusが3pで丸みが見えず、仕切り線も消えてますね。

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 13:31:14.91

>>197
それはない。はっきり仕切り線も出てる。

**193** · 2017/11/20(月) 13:38:46.27

>>198
ありがとうございます　が、ダメでした

**193** · 2017/11/20(月) 13:55:49.10

とりあえず　urlバー　できました

/* urlバーの高さを変更する */
#urlbar {
font-size:12px;
min-height: 20px !important;
max-height: 20px !important;
}

https://i.imgur.com/eLfWAMX.png

>>198 ヒントどーもありがとっす

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 14:22:18.16

何だこのXPみたいな10は

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 14:23:16.53

>>202
一瞬xpかと思った凝ってるな

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 14:24:10.18

>>202
検索バーの高さも変更できたら教えて

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 14:28:35.23

正確にはxpのclassicか

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 14:29:05.06

XPというよりは2000だろ

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 14:45:57.08

履歴アイコンクリックした時に「最近閉じたタブ」一覧が折りたたまれてるんだけど
これを最初から開けるようにって出来ませんか？
userchrome関係ないかもだけど
自分はページ履歴より最近閉じたタブをよく参照してたので使いづらくなったー

**202** · 2017/11/20(月) 14:48:56.79

これを追加したらURLバーが萎みました

/* 検索バーの高さを変更する */
#searchbar {
font-size:12px;
min-height: 20px !important;
max-height: 20px !important;
}

https://i.imgur.com/4wb1hNe.png

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 15:00:09.30

アドレスバーの「URLまたは検索語句を入力します」って文字列消せないかな

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 15:05:46.20

消せるよ

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 15:09:19.49

>>209
Tampermonkeyのアイコンが！

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 15:18:07.46

これで行けるかな？

/* URLバー・検索バーの高さを変更する */
#urlbar,
.searchbar-textbox{
font-size:12px;
min-height: 20px !important;
max-height: 20px !important;
}

/* サイドバーヘッダーの高さを変更する */
#sidebar-header {
font-size: 14px;
padding: 1px 0px;
min-height: 20px !important;
max-height: 20px !important;
}

/* サイドバークローズボタン位置微調整 */
#sidebar-header .close-icon{
padding: 0 1px;
}

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 15:20:47.47

#urlbar .textbox-input::-moz-placeholder {color: transparent !important;}

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 15:28:03.44

>>213
いけますね

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 15:35:38.35

>>213
iine

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 15:46:53.27

/* ツールバーの高さはこれでかわった */
#nav-bar {
min-height: 10px !important;
max-height: 10px !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 15:53:48.74

枠の高さを変更するんじゃなく、バー自体のサイズを変えるんだな

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 15:57:33.41

こんなのも先日教えてもらいました

/*アドレスバーと検索バーの高さ */
#urlbar,
.searchbar-textbox {
min-height: 25px !important;
margin: 0 !important;
}
#nav-bar,
#nav-bar-customization-target {
height: 25px !important;
}
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack {
padding: 0 var(--toolbarbutton-inner-padding) !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 16:06:57.54

俺もこの前別のスレで教えてもらったブックマークツールバーがにょきにょき隠れるやつ
/*Auto Hide book mark bar*/

treechildren::-moz-tree-twisty {
-moz-appearance: none !important;
padding-right: 0px !important;
padding-top: 0px !important;
width: 0px !important;
list-style-image: none !important; }
#navigator-toolbox
{
position: relative;
transition: all 0.3s ease 0s !important;
}
#PersonalToolbar
{
/*overflow: hidden;*/
margin-top: -20px !important;
transition: all 0.3s ease 0s !important;
}
#navigator-toolbox:hover
{
margin-bottom: -20px !important;
transition-delay: 0s !important;
}
#navigator-toolbox:hover > #PersonalToolbar
{
margin-top: 0 !important;
transition-delay: 0s !important;
}

**202** · 2017/11/20(月) 16:11:43.92

>>213
すげぇ～！！！　パンツ脱いだ甲斐があった～！！！
どうもありがとうございます。m(__)m
今日はフルチンで過ごしますね。

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 16:17:44.03

>>220
ぬるぬるだな
サイドバーもこのくらい自動でぬるぬる隠れないかな

**202** · 2017/11/20(月) 16:21:10.65

と思ったらサイドバーちょっと変です
https://i.imgur.com/0w99a5i.png

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 16:36:44.50

>>223
これで大丈夫だと思う。
後、フォントサイズ13pxにした方が見栄え良くなるかも。

#sidebar-header {
font-size: 13px !important;
padding: 1px 0px !important;
min-height: 20px !important;
max-height: 20px !important;
}

#sidebar-header .close-icon{
padding: 0 1px !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 16:39:13.94

>>185
https://i.imgur.com/hsQvh6u.png
上2段は>>185のみ、2段目はホバーしているタブに丸みがあるが区切りが消えるのがわかる
下段はこれを踏まえて追記をしたcss
テーマはデフォルト

/*** タブの角に丸み ***/
/* タブ自体を丸くする */
.tabbrowser-tab,
/* タブの背景を丸くする */
.tab-background {
border-radius: 8px 8px 0px 0px !important;border-image: none !important;
}
/* 青ライン(を含む四角形のイメージだが) */
.tab-line {display: none;}
/* 各タブ時の区切り線を消す radius大きくすると上にはみ出る縦線 */
.tabbrowser-tab::before,.tabbrowser-tab::after {opacity: 0 !important;border-image:none !important;border-image-slice: unset !important;width: unset !important;}
/* タブの区切り線色は適宜変えてどうぞ */
.tabbrowser-tab {
border-left: 1px solid #FF0000 !important;
border-top: 1px solid #FFFF00 !important;
border-right: 1px solid #00FF00 !important;
}
/* 青ラインの替り不要なら消してok */
.tab-background[selected] {
border-top: 2px solid #0000FF !important;
border-right:none !important;
border-left:none !important;
}

**223** · 2017/11/20(月) 16:39:33.01

>>224
完璧です！！！
ほんとにありがとうございました

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 18:16:41.26

タブの色のcssを観たいのですが、インスペクタからだとわかりません
動やったらわかりますか？
解説しているサイトないでしょうか

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 18:37:18.46

ブラウザツールボックスから

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 18:51:48.48

>>227
ブラウザツールボックスのインスペクタータブの左のボタンを押せ
後は調べたい場所にマウスポインタを合わせるか、インスペクターで調べる

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 19:43:48.97

こんな感じ
http://up.mugitya.com/img/Lv.1_up113741.png

ウエブ開発→ページのソースで
view-source:chrome://browser/content/browser.xul

chrome://browser/content/browser.cssも参考になる

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 19:49:12.77

CSSでメニューバーにツールバーを表示出来ませんか？

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 20:06:47.72

リンクを右クリックしたときにでるリンクをPocketに保存や
リンクを端末へ送信を消したいんですけどどう書けばいいのでしょうか
画像を右クリックしたときにでるものも同じように消したいです

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 20:09:41.52

ツールバー？(urlバーや三ボタンがあるバー)の高さや余白は、どう指定すればいいでしょうか？
Defaultのテーマだと上下に無駄な部分が多いので減らしたいです

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 20:16:32.37

>>232
Pocket を使わないなら about:config で extensions.pocket.enabled を false で止められる

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 20:48:42.41

>>233
せめてスレ内検索してから聞いて

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 20:59:56.87

>>235
>>217のことですか？
それならやってみたのですが上手くいきませんでした
デフォルトテーマでのurlバーの上下に出来てるスペースを無くしたいのですが
paddingでもmarginでも変化がなくてお手上げです

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 21:07:53.28

>>230
横からだけどありがとう
数日悩んでたオプションページplaceholder のフォントができた
window内はuserContentなんだな

**237** · 2017/11/20(月) 21:27:21.45

X　フォントができた
◎　フォントが変更できただ

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 21:27:40.73

>>232
/* リンクを端末へ送信 */
#context-sendlinktodevice{
display:none !important;
}

**233** · 2017/11/20(月) 21:43:06.43

自己解決出来ました

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 21:56:59.09

urlバーに表示される「リーダービューで開く」「ページ操作」など、
chrome://browser/content/browser.xul　では表示されないような要素は
どうやって調べているのでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 22:12:35.94

>>234 >>239
ありがとうございます

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 22:29:07.69

>>241
ブラウザーツールボックス

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 22:30:40.34

>>242
/* リンクを送信、リンクURLをメールで送信、画像をメールで送信削除 */
#context-sendlink,
#context-sendpage,
#context-sendimage {
display: none !important;
}

/*ページを端末に送る削除 */
#context-sendpagetodevice { display: none !important; }
#context-sep-sendpagetodevice { display: none !important; }

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 22:36:00.87

>>241
1.F12キーを押す→右上の歯車ボタンを押す→右下の2つの「○○デバッガーを有効化」をON
2.ctrl+shift+alt+iキーを押してブラウザーツールボックスを開く
　（リモートデバッグ接続要求がでるのでOKボタンを押す）
3.ブラウザーツールボックスの左上の「ページから要素を選択します」ボタンを押す
4.Firefoxのウィンドウで目的の要素をクリック
5.全部調べ終わったら1.でONにしたのをOFFにする

ページ操作ボタンをクリックしたときのようにポップアップした要素を調べたいときは
ブラウザーツールボックスの右上の「ポップアップが自動的に隠れないようにします」ボタンを押してから
ポップアップさせた後に3.～4.をするといいよ

**213** · 2017/11/20(月) 23:09:06.25

ちょっとズレてたんで微調整とアイコンコンパクト化

/* URLバー・検索バーの高さを変更する */
#urlbar,
.searchbar-textbox {
font-size:13px;
min-height: 20px !important;
max-height: 20px !important;
}

[uidensity="compact"]:root #urlbar,
[uidensity="compact"]:root .searchbar-textbox {
margin-top: 2px !important;
margin-bottom: 2px !important;
}

#reload-button > .toolbarbutton-animatable-box,
#stop-button > .toolbarbutton-animatable-box {
padding: 0 1px !important;
margin: 0px !important;
}

**213** · 2017/11/20(月) 23:10:19.91

/* ツールバーアイコンコンパクト化 */
#identity-icon,
.searchbar-search-icon {
width: 14px !important;
height: 14px !important;
}

#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack {
padding: 2px !important;
margin: 0px !important;
width: 20px !important;
height: 20px !important;
}

[uidensity="compact"]:root .urlbar-icon {
width: 20px !important;
height: 22px !important;
padding: 2px !important;
}

#pocket-button-box[animate="true"] > #pocket-animatable-box {
margin: 0px !important;
}

#urlbar, .searchbar-textbox {
margin: 0 3px !important;
}

**223** · 2017/11/20(月) 23:24:43.89

>>247
シャープでスッキリですね
アフターケアありがとうございます。

**237** · 2017/11/21(火) 00:06:18.72

'Classic' css tweaks for Firefox 57+ って毎日のようにアップデートされてるんだな
古いのはさっさと捨てていかないとわけわからなくなってくるわ

**213** · 2017/11/21(火) 00:42:48.14

度々申し訳ない、スターアイコンがズレてたんでこれも追加で。

/* スターアイコン押下時位置調整 */
[uidensity="compact"]:root #star-button-box[animationsenabled] > #star-button[starred][animate] + #star-button-animatable-box {
margin-inline-start: -6.5px !important;
}

#star-button-box[animationsenabled] > #star-button[starred][animate] + #star-button-animatable-box {
top: calc(50% - 17px) !important;
margin-inline-start: -6.5px !important;
}

**248** · 2017/11/21(火) 01:01:20.34

>>250
お疲れ様　遅くまでありがとうございますｗ

ポータブル版で試してるんですけど
★ ブックマークが32bitだと黒文字、64bitだとグレーなんです。
userChrome.js用スクリプトその1
http://wiki.nothing.sh/page/userChrome.js%CD%D1%A5%B9%A5%AF%A5%EA%A5%D7%A5%C8
32bitフォルダ、64bitフォルダに同じように設定したのですがfirefox側の問題なんですかね？

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 01:02:20.37

<menuseparator generateditemid="0"/>
とかいう謎の記述があるんだけどどうやって指定すんだこれ
消せねえ

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 01:04:55.73

"0"/<ﾋｬｯﾎｰ

**241** · 2017/11/21(火) 01:11:56.62

>>245
大変丁寧な説明をありがとうございました。
普段ここのログなどを参考に少しずついじっていたのですが、自分で色々調べられる事が増えそうです。

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 03:58:42.33

ページ内検索バーを使って検索し終わった後バーからターゲットが外れたら閉じるようにするには
どうすればいいですか？

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 05:38:55.69

dreams of wavesというテーマを使っているのですが
メニューバーの枠を消すことは出来ないでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 06:20:59.96

>>252
隣接セレクタ

直前のアイテム + menuseparator[generateditemid]

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 07:52:56.00

タブのアニメーションをoff

.tab-throbber { visibility: hidden !important; }
.tabbrowser-tab .tab-loading-burst { display: none !important;}

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 08:36:05.82

これはいい㌧

**251** · 2017/11/21(火) 08:40:28.51

>>250
お早うございます。
win10 64bitのシステムフォントを
Yu Gothic UI 9pt から Meiryo UI 9pt にしたら
黒文字になりました　m(__)m

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 10:05:53.27

>>247
メニューバーの最小化、最大化、閉じるのアイコンの大きさも
このように調整することは出来るの？
メニューバーの高さを22pxにしたら先述のアイコンがちょっと
不自然に大きくなっちゃってるんだけど。

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 10:08:12.42

>>255
似たような動作するのがあったけどうまく動かなかったんで
どこにあったのかも忘れた
とりあえず便利と思えるのを四つ紹介
googleで検索すれば見つかります
toggle-findbar.uc.xul
global_FindTerm.uc.js
Find in Searchbar Highlight.uc.js
ページ内検索バーをChrome風にする.css - お豆腐

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 13:02:40.54

拡張スレで質問したらスレチと言われたので
こっちで質問します。

アドレスバーの「URLまたは検索語句を入力します」と検索バーの「検索」
この文字、cssでフォーカス当てた時に消すこと出来ない？

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 14:06:29.89

Findbarを上部に表示させたいのですがどうすればいいのでしょうか
56まではこのCSSで問題なかったのですが57にアップデートしたら効かなくなってしまいました

/*Findbarを上部へ*/
.browserStack { -moz-box-ordinal-group: 2; }
statuspanel { -moz-box-ordinal-group: 3; }
findbar { -moz-box-ordinal-group: 1; }

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 14:17:27.98

>>264
ttp://tofukko.blog113.fc2.com/?cat=1

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 14:42:40.21

>>261
これでメニューバー（ついでにタブバー）に置いたアイコンも小さくなるけど、
最小化、最大化、閉じるはOSのテーマ変えないと無理かも。

#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack,
#toolbar-menubar .toolbarbutton-1 > .toolbarbutton-icon,
#toolbar-menubar .toolbarbutton-badge-stack,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon,
#TabsToolbar .toolbarbutton-badge-stack {
padding: 2px !important;
margin: 0px !important;
width: 20px !important;
height: 20px !important;
}

微調整とおまけのもっとコンパクト化。
/* URL・検索バーのGOボタン少し調整 */
.urlbar-go-button,
.search-go-button {
max-width: 14px !important;
}

/* アイコン幅調整 */
#nav-bar,
toolbar .toolbarbutton-1 {
padding: 0px !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 14:56:37.88

>>264-265
これいいねもうすこし細いとなおいいけどね

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 15:03:20.14

>>265
ありがとうございます
ただ私の環境では変化無しでした
何か設定がまちがってるのかな

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 15:08:19.24

>>263
#urlbar ::placeholder, #searchbar ::placeholder { opacity: 0; }

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 15:09:40.17

>>263
.textbox-input:focus::placeholder {
color: transparent;
}

これでいけるかと

**269** · 2017/11/21(火) 15:10:50.60

間違えた
#urlbar :focus::placeholder, #searchbar :focus::placeholder { opacity: 0; }

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 15:14:10.44

>>270
因みに、この指定だとブックマークの検索のプレースホルダも消えるよ

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 15:20:37.47

>>268
うちは "その1" で動いてます

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 16:11:40.34

クレクレ君でごめん
findbarを上にするだけでなく、右側に寄せるのをお願いしたい

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 16:16:01.37

>>274
つ>>265

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 16:16:30.18

>>274
>>265ので右になるとおもうけど

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 16:17:13.88

>>269-270
サンクスです

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 16:25:53.14

自己解決というか、検索したら見つかった
58.0b4で確かめた

http://tofukko.blog113.fc2.com/?cat=1

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 16:27:28.37

>>278
荒らし？

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 16:56:49.78

userchrome.css でアドオンのポップアップ内のスタイルを指定する方法はありますか
あれば教えていただきたいです

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 18:13:26.59

タブのcss調べたらtab-background-middleというクラスが使われていたのですが、以下のようにしても角丸が解除されません
.tab-background-middle{background:red !important;
border-radius:0px !important;}
角丸はどこで設定されているんでしょうか？もしかしたらborder-radiusではないのかもしれませんが

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 18:36:12.23

>>281
うん、border-radiusじゃないね
非アクティブタブのマウスオン時は.tab-backgroundと.tabs-newtab-button、
アクティブタブは.tab-background-startと.tab-background-endのbackground-imageだよ

**名無しさん＠お腹いっぱい。** · 2017/11/21(火) 19:32:38.34

>>262
違うけどありがとう　お豆腐は使わせてもらいます