まみやん技術メモ

仕事でためになった情報をこまめに書いていきます。

CSS

position:absolute;やposition:fixed;で要素をきれいに中央配置する方法

position:absolute;やposition:fixed;で要素をきれいに中央配置する方法 [CSS] position:absolute;やposition:fixed;で要素をきれいに中央配置する方法 | TechMemo

画像のタップハイライトを非表示にする方法

スマホサイトで困ったのでメモしておく。該当のimgタグに下記プロパティーをあててあげたら解決した!.xx img { pointer-events: none; /* imgのタップハイライト */ }iPhoneのa要素内にimg要素がある場合のタップハイライトの件 iPhoneのa要素内にimg要素が…

Androidの標準ブラウザでセレクトボックスを標準デザインに戻す方法

セレクトボックスは一度リセットCSSでリセットをしデザインをあてていたけれど、 説明文だけの画面とかお堅いところの画面では標準を使いたいということで、 元に戻す方法を模索していた。 ボーダーなどはさておき、プルダウンっぽい▼さえでれば問題なかった…

safariで自動入力欄の色(黄色)を変更する

CSS

iPhoneのsafari(chrome系?)で自動入力機能が働いたtextboxの背景が黄色になる現象が発生した。 どうやらsafariが用意しているユーザ・エージェント・スタイルシートのbackground-colorが効いているらしい。 それで以下のようにcolor指定してあげたげど全然…

mobile safariでinputがグレーになる現象とその解決策

iPhoneのsafariでinputボタンがグレーになる現象が発生していた。 リモートデバッグで開発者モードにして調査したところ、ユーザーエージェントスタイルが効いてグレーになっていた。chromeで同一ページをみたところグレーにはなっていないことから、やはりs…

デバイス幅に合わせたボタンのコーディングの仕方

CSS

iPhoneとAndroidを対象とした画面を作るとき、 ログインボタンと会員登録ボタンを画像にする想定でデザインしてました。デバイスによって横幅が変わるのでどうしようと思っていたら またまたこの業界の先輩が記事として残してくださっていたのでメモ。 paddi…