ハイパーリンクとして表示されているラジオボタン? -- html フィールド と css フィールド と radio-button フィールド と label フィールド 関連 問題

Radio Button Showing as a Hyperlink?












1
vote

問題

日本語

4つのラジオボタンを持っていますが、iOSシミュレータとiPhoneで表示するときにデスクトップWebブラウザに正しく表示されますが、「size3」ラジオラベルはハイパーリンクとして表示されますか?なぜこれがどのように問題を解決するのかということがなぜですか?

> http://jsfiddle.net/jasonniebauer/elmqk/

HTML

<事前> <コード> C:Program Files (x86)javajdk1.7.0_79 1

CSS

<事前> <コード> C:Program Files (x86)javajdk1.7.0_79 2
英語

I have four radio buttons, and although they display correctly on desktop web browsers when I view them on the iOS simulator and iPhone they "size3" radio label displays as a hyperlink? Why is this or how can I correct the issue?

http://jsfiddle.net/jasonniebauer/eLMqk/

HTML

<div id="surv_radio3"> <p>     Square Footage </p> <div>     <input type="radio" id="size1" name="sqft"/>         <label for="size1">             0-250         </label>     <input type="radio" id="size2" name="sqft"/>         <label for="size2">             251-500         </label> </div> <div>     <input type="radio" id="size3" name="sqft"/>         <label for="size3">             501-2000         </label>     <input type="radio" id="size4" name="sqft"/>         <label for="size4">             2000+         </label> </div> </div> 

CSS

#surv_radio3 > div:nth-of-type(1) input[type="radio"] + label, #surv_radio3 > div:nth-of-type(2) input[type="radio"] + label {             box-sizing:border-box;             padding: 1rem 3rem 1rem 3rem;             width: 100%;             display: inline-block;             color: #BDC3C7;             background-color: #F2F2F2;             text-align: center;             vertical-align: middle;             cursor: pointer;             border-radius: 3px;             font-size: 1.125em;             margin-bottom: .5rem;         }  #surv_radio3 input[type="radio"] {             display: none; } 
</div
           

回答リスト


関連する質問

0  R(IGRAPH、ネットワーク、またはその他のパッケージを介して)のエッジの両側にあるテキストを持つダイレクトネットワークグラフを描画する方法?  ( How to draw a directed network graph with texts on both sides of edges in r via ) 
R(IGRAPH、ネットワーク、またはその他のパッケージを介して)のエッジの両側にあるテキストを含むダイレクトネットワークグラフをどのように描画するか? href="https://i.stack.imgur.com/tcce8.jpg" rel="nof...

0  Python IGRAPH - iPythonノートブックの頂点ラベル  ( Python igraph vertex labels in ipython notebook ) 
iPythonノートブックインラインでグラフをプロットすると、すべてめちゃくちゃになっています。 この問題は、Graph.pdfを見ると存在しません(下記のコードを参照)。ここで画像を投稿するのに十分なスタックオーバーフローの評判がありませんが、私はPDFフ...

0  テキストが変更されたときに、ラベル付きコントロールが他のコンポーネントのサイズ変更を防ぐ方法  ( How do i prevent a labeled control from resizing other components when its text ) 
タイトルが示すように、javafx.scene.control.labelのテキストを変更すると、同じレイアウトに含まれているすべてのコンポーネントのサイズを変更します。これを防ぐにはどうすればいいですか?これが私のFXMLマークアップです: <事前> <コー...

2  XHTMLでフィールドセットとラベルを使用していますか?  ( Is using fieldset and labels in xhtml discouraged ) 
私はそれらのWebブラウザの理解の根本的な欠如があると聞いた、そして頻繁にIE6,7、Operaはそれらを表示しようとしています。 それは確かに本当ですか?それらを避けるべきですか?そして、私たちがそれに参加している間、彼らはフォームを使うときに特定の利点を持...

0  関数が完了するまでラベルにテキストが表示されない  ( Label doesnt show any text until the function is finished vb net ) 
http://pastebin.com/ecrkgp5y この関数を呼び出すボタンをクリックすると、コードで見ることができるようにラベルを表示する必要がありますが、関数が終了するまでラベルは隠されたままです。 関数はいくつかのファイルをダウンロードする...

1  Yolo Darknet:画像のラベル付け方法  ( Yolo darknet how to label images ) 
私はYoloを使ったオブジェクト検出に新しく、ラベリングに関する質問があります(カスタムオブジェクトの場合)。 最後に高い精度を持つように画像をラベル付けする方法についてのガイドラインやヒントはありますか?私が世話をする必要があるものは何でも? 次の図のように...

9  外部/ HMISC SPSSのインポート機能を添付した変数ラベルを削除する  ( Remove variable labels attached with foreign hmisc spss import functions ) 
いつものように、 Hmisc packageから spss.get 関数を使用してRにインポートしたSPSSファイルを取得しました。 Hmisc::spss.get は labelled に labelled が悩まされています。 data.frame の...

0  Kivy:テキストが長すぎるとラベルが黒表示されます  ( Kivy labels are blacked out when text is too long ) 
このスクロール可能なラベルを持っていますが、テキストが長すぎると黒い矩形として表示されます(上部の印刷画面)。ラベルの中のテキストの約半分を削除すると、予想どおり表示されます(下の印刷画面) この修復方法は? <事前> <コード> import kivy ...

0  スパークラベルモバイルアプリケーションFlex Builderの現在の日付を表示する  ( Display current date in spark label mobile application flex builder ) 
MXコンポーネントのものを見つけることができましたが、Sparkコンポーネントに取り組むことはできません。 現在の日と日付をラベルに表示したいだけです。 私はこれを試してみました(コード参照)、しかし私はバック機能関数(){} のみを取得します。 <事前...

189  Windowsフォームのラベルのためのワードラップ  ( Word wrap for a label in windows forms ) 
Label の範囲外のテキストのWord折り返し機能を取得する方法は? ...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有