My OperaYou need to be logged in to post in the forums. If you do not have an account, please sign up first.
ボタンの表示について
Mac OS 10.5.8でOpera10.53を使用しています。自分のブログに、検索する時の「検索」ボタンや
コメントを送信する時の「送信」ボタンがあるのですが、
下の添付画像のようにSafari、Firefox、Google Chromeでは角が丸いタイプのボタンが表示されますが、
Operaでは四角いタイプのボタンが表示されます。
Operaはそういう仕様なのかなと思っていたのですが、
他のサイトを見ているとSafariなどと同じ角が丸いボタンが表示されている場合もあり、
できれば自分のブログもOperaでも角が丸いボタンが表示されるようにしたいのですが
どのような設定の違いがあるのでしょうか。
お分かりになりましたら教えていただけるとうれしいです。
よろしくお願いいたします。
button.png
多分 style.css の89 行目の
form,input {
margin:0px;
padding:0px;
}
あたりを削除すればよいと思いますが、 Mac 使いではないのでこれ以上は検証出来ません。
Mac 使いの方フォロー願います。
form,input {
margin:0px;
padding:0px;
}
あたりを削除すればよいと思いますが、 Mac 使いではないのでこれ以上は検証出来ません。
Mac 使いの方フォロー願います。
<form>
<button type="submit">Send</button>
<button type="reset">Reset</button>
</form>
というような単純な HTML を書いて、OSX の Opera で表示させると、OS の部品を使って(丸い角の)ボタンが表示されます。
sample8.shop-pro.jp では正常に表示されるので、sample16 の方でも同じ書き方をすれば同じ表示になるはずです。
<button type="submit">Send</button>
<button type="reset">Reset</button>
</form>
というような単純な HTML を書いて、OSX の Opera で表示させると、OS の部品を使って(丸い角の)ボタンが表示されます。
sample8.shop-pro.jp では正常に表示されるので、sample16 の方でも同じ書き方をすれば同じ表示になるはずです。
その後、詳しくページの CSS を見ました。
usopion さんが書かれているように、input に padding:0px が当たっていると OSX の部品が使われない Opera 側の問題のようです。報告済みか社内で調査します。
usopion さんが書かれているように、input に padding:0px が当たっていると OSX の部品が使われない Opera 側の問題のようです。報告済みか社内で調査します。
Originally posted by sayaco:
できれば自分のブログもOperaでも角が丸いボタンが表示されるようにしたいのですが
どのような設定の違いがあるのでしょうか。
ブログでの話であれば、Macユーザーでない閲覧者のことも考えてもらえるとうれしいです。
私はWindowsユーザーですが、Operaの挙動がどうであろうと、当然「MacOSXの部品が適用」されることはないので、
Originally posted by sayaco:
こちらの右上の「search」が四角いボタンに表示され、
こちらの左上の「search」は角が丸いボタンに表示されます。
Opera以外のSafariなどのブラウザでは、どちらも同じ角が丸いボタンに表示されるのですが…
のいずれも単に四角いボタンとしてしか表示されません。
もちろん自分が見える範囲で整っていればよいというのであれば「Operaのバグだから」「直るのを待ちます」という解決でも問題はないのですが、
他人に見せるページのデザインを調整したいという話なのであれば、当然明示的にCSS指定をする必要があるのではないでしょうか。
itochanです。
