3
これはなぜ起こっているのですか？私は最後の2時間机の上に頭を打って、なぜカーソルがiPad上でずれるのか理解しようとしています。それを見るために私のビデオをチェックアウト：ここiPadがテキストエリアのカーソルを置き換えます
http://tinypic.com/r/20k6338/7
は私のCSSです：
#newroar-ipad {
position: fixed;
display: block;
opacity: 0;
left: 5px;
top: 0px;
height: 480px !important;
width: 550px !important;
margin-top: 30px;
pointer-events: none;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#CCCCCC));
z-index: 4;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 4px 5px #000;
-webkit-transition: -opacity 0.0s ease-out;
-webkit-transition-duration: .4s;
-webkit-transform: translate(0px, -20px);
}
#newroar-ipad.show {
opacity: 1.0;
pointer-events: auto;
z-index: 4;
-webkit-transition-duration: .4s;
-webkit-transform: translate(0px, 15px);
}
#newroar-ipad-content-header {
margin-top: 10px;
z-index: 4;
width: 548px;
height: 55px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EBEBEB), to(#CCC));
border: 1px solid #CCC;
}
#newroar-ipad-content {
margin-top: 0px;
margin-left: 2px;
background: none;
top: 0;
width: 542px;
height: 400px;
z-index: 4;
}
.newroar-inputfield {
-webkit-appearance: none;
height: 20px !important;
width: 90%;
margin-left: 18px;
margin-bottom: 10px;
background: #FFF;
color: #666;
font-size: 12px;
border-style: none;
padding: 10px;
-webkit-border-radius: 5px !important;
}
.newroar-textarea {
-webkit-appearance: none;
width: 90%;
height: 120px;
margin-left: 18px;
margin-bottom: 10px;
background: #FFF;
color: #666;
font-size: 12px;
border-style: none !important;
border: none !important;
padding: 10px;
-webkit-border-radius: 5px !important;
-webkit-box-shadow: none !important;
outline: none !important;
}
.newroar-selectfield {
font-size: 14px !important;
height: 30px !important;
width: 300px !important;
margin-left: 18px !important;
margin-top: 25px !important;
margin-bottom: 25px !important;
}
あなたは、私が使用して試してみました見ることができる重要な、それは内の他のフォーム要素のためのスタイルを持った場合に！ CSSのドキュメントで、私はそれを修正するかどうかを確認するために-webkit-appearanceを試してみました。無駄です。あなたが持つかもしれないアドバイス=（
おかげ
あなたの質問にjsfiddleか単にHTMLスニペットが役に立つでしょう – Simon
聖なる牛、宣言？存在する場合そのような場合にはいくつかの理由がありますが、それは問題ありません（ユーザーが作成したスタイルなどを上書きしている可能性もあります）。しかし、そうでない場合は、重要なことについての調査をして、使用しないようにしてください。非常にまれな状況を除いて、一般的に言えば、それを使用する必要はありません。 デモなしで、私がそこでやっていると思う唯一のことは、フィールドの行の高さを変えることだけです。 –