IEでも有効な、ラジオボタン・チェックボックスのデザイン変更(ラベルクリック対応)

0

    ひとまずコピペのみ。


    input[type=radio]{
        display: none;
        margin: 0;

    }
    input[type=radio] + label {
        background-image: url(radio_off.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding: 0;
        padding-left: 30px;
        display: inline-block;
        margin-right: 12px;
        font-size: 14px;
        line-height: 30px;
        cursor: pointer;
    }

    input[type=radio]:checked + label {
        background-image: url(radio_on.png);
    }
     


    ローカルサーバー設定メモ

    0
      【Apacheの起動・設定】

      ■Apach起動
      sudo apachectl start

      ■httpd.confの設定変更
      sudo nano /private/etc/apache2/httpd.conf
      #LoadModule userdir_module libexec/apache2/mod_userdir.so
      #Include /private/etc/apache2/extra/httpd-userdir.conf
      ↑#を外して有効に。

      ■ユーザー設定ファイルの作成・設定
      sudo nano /private/etc/apache2/users/ユーザ名.conf
      以下を記述
      <Directory "/Users/ユーザ名/Sites/">
      Options Indexes MultiViews
      AllowOverride All
      Require all granted
      </Directory>

      ■httpd-userdir.confの設定
      sudo nano /private/etc/apache2/extra/httpd-userdir.conf
      UserDir Sites
      ↑任意で変更 
      #Include /private/etc/apache2/users/*.conf
      ↑#を外して有効に

      ■Apach再起動
      sudo apachectl restart






      【インクルードの有効化】

      ■httpd.conf の設定
      sudo nano /private/etc/apache2/httpd.conf 
      #LoadModule php5_module libexec/apache2/libphp5.so ←有効化
      <Directory />
      にOptions FollowSymLinks Includes

      #AddType text/html .shtml 
      #AddHandler server-parsed.shtml
      ↑を
      AddType text/html .shtml 
      AddHandler server-parsed.shtml .html


      ■Apach再起動
      sudo apachectl restart







      【サブドメイン作成】

      ■hosts設定
      sudo nano /private/etc/hosts
      以下を記述
      127.0.0.1 subdomain.localhost ←「subdomain」は任意

      ■httpd.conf設定
      sudo nano /etc/apache2/httpd.conf 
      以下を記述
      NameVirtualHost *:80
      <VirtualHost *:80>
      ServerName subdomain.localhost ←「subdomain」は任意
      DocumentRoot "/Users/yourname/project/abc/html" ←任意
      </VirtualHost>

      ■Apach再起動
      sudo apachectl restart
       

      htmlをインクルードできる、htaccessの設定

      0
        Options +Includes
        AddHandler server-parsed html

        レスポンシブ用cssテンプレ

        0
          毎回過去作からコピるのがめんどいので、保管(記述覚える気なし)。

          @media (min-width: 1060px) {
          }

          @media (min-width: 768px) and (max-width: 1059px) {
          }

          @media (max-width: 767px) {
          }

          safari8.0で、文字が細くなる変なバグ回避

          0
            cssで
             -webkit-font-smoothing: subpixel-antialiased;
            を記述。
            でも、これがデフォ値のはずらしいのだが…。


            カスタムカーソルのcss指定の注意

            0
              ブラウザでカーソル・アイコンを非表示にする、という依頼が発生。cssでアイコンをカスタム画像に変更できることはなんとなく理解していたので、理屈で言えば、透明画像をアイコンに設定すれば消えるはず。しかし、実装経験がほとんどなかったため、意外にハマった。特に、例によってIE様だけが言うこと聞いてくれない。結果はこう。

              IE以外は、gifのアルファチャンネル。 パスはcssからの相対
              IEは .curで作成し、拡張子をjpgとかにする パスはhtmlからの相対

              .curは、なんでもいいと思うけど、今回は「ANIめーかー」というツールで作成
              http://www.vector.co.jp/soft/win95/amuse/se195017.html

              ファイルタイプはともかく、ファイルパスのルールが違うっていうトラップがイヤラシイ。ともあれ、なんとか無事要件は達成できた。



              | 1/1PAGES |

              selected entries

              categories

              archives

              recent comment

              recommend

              profile

              BOOKS

              links

              search this site.

              others