css3を使って、ラジオボタンをデザインする方法

css3で、ラジオボタンをデザインする方法。
考え方としては、<input type="radio"> をdisplay:none; で消して、それに連動する label のスタイルでデザインを整えると言う感が方。

■HTML
<div class="sample">
<input type="radio" name="s2" id="on" value="1" checked="">
<label for="on" class="switch-on">はい</label>
<input type="radio" name="s2" id="off" value="0">
<label for="off" class="switch-off">いいえ</label>
</div>

■CSS
.sample input {
display: none;
}
.sample label{
display: block;
float: left;
cursor: pointer;
width: 60px;
margin: 0;
padding: 10px;
background: #bdc3c7;
color: #869198;
font-size: 16px;
text-align: center;
line-height: 1;
transition: .2s;
}
.sample label:first-of-type{
border-radius: 3px 0 0 3px;
}
.sample label:last-of-type{
border-radius: 0 3px 3px 0;
}
.sample input[type="radio"]:checked + .switch-on {
background-color: #a1b91d;
color: #fff;
}
.sample input[type="radio"]:checked + .switch-off {
background-color: #e67168;
color: #fff;
}


参考サイト
CSS3を使ってラジオボタンをデザイン
スポンサーサイト

docomoのwi-fiで二重ログインのエラーでログイン出来ない時の対処法

docomoのAndroidと、iPad(wifiモデル)とかをdocomoのwi-fiで接続しようとすると、
よく

ログインエラー
二重ログインはできません。お客様がお持ちの他の端末で、すでにログインされていないかご確認ください。もし他の端末でログインしていたら、そちらをログオフしてから、再度お試しください。

のエラーが出る。
毎回、接続し終わった後に、ログアウトすれば何の問題も無いのだけど、よく忘れるのでメモ。

「0000docomo」のネットワークにwi-fiでつないで、
http://logout.m-zone.jp
このURLにアクセスするだけで良いらしい。

アクセスしても、「インターネットに接続出来ません」って画面になったけど・・・
再度試したら、ログイン出来るようになっていたので、これで良いのか?!

別で、
http://portal.m-zone.jp
にログインしてから、ログオフの作業をしてもOKらしい。


参考サイト
docomo Wi-Fiのログオフ方法(二重ログイン回避)

プロフィール

U2K

Author:U2K
いろいろプログラムに関しての覚え書きをちょくちょくと書いていきます。

オススメ










オススメ

忍者AdMax

u2k on Twitter

最近の記事