1

telerik:RadTextBoxes を使用する連絡先リクエスト フォームがあります。

フォーム全体は見栄えがよく、入力ボックスの 1 つが改行を認識していない Chrome を除いて、すべてのブラウザーで本来あるべき場所にすべて揃っています。

Chrome 用に別のスタイル シートを作成する方法や、Chrome だけでスタイル シートを変更する方法はありますか?

-20 のマージンを外すと、Chrome では機能しますが、他のすべてのブラウザーは台無しになります!

</asp:RegularExpressionValidator>
        <br />
        <br />
        <telerik:RadTextBox runat="server" ID="txtContactNo" Style="margin: -20px 0 0 0">
        </telerik:RadTextBox>
        <br />
        <br />

コードをこれに変更することで、すべてのブラウザでスペースを同じにすることができました... </asp:RegularExpressionValidator> <telerik:RadTextBox runat="server" ID="txtContactNo" Style="margin:20px 0 0 -10px"> </telerik:RadTextBox>

...しかし、現在、入力名と入力ボックスの間のスペースが chrome でのみ異なります。入力名に 10px 近すぎます。これは のせいですが、Style="margin:20px 0 0 -10px"離れすぎているため、これを取り除くことはできません。他のすべてのブラウザーで離れて、私はすでにマージンと幅をいじってみましたが、すべてのブラウザーで一緒に機能しているようには見えません!

誰かがこのヘルプを修正するために私にできることを考えることができれば幸いです! :)

4

3 に答える 3

0

私は今朝それに取り組んできました、そして誰かがdivの代わりにテーブルで動作するようにすべてを変更することについて言及しました...私はこれを行い、すべてのコードをクリアしました。今では動作します!

私が行っていた方法が Chrome で機能しなかった理由はわかりませんが、コードの一部が干渉している可能性がありますが、テーブルはそれを行っているようです!

また、これが発生している可能性がある理由の 1 つは、必須フィールド バリデーターと正規表現バリデーターが原因であることもわかりました。これらは必要以上に div を押し下げていたようで、ページ全体が破損しているようです!

そのため、各テーブルの幅と高さを、すべてが収まる十分な大きさにしました。

あなたのすべての提案に感謝します!! :)

于 2012-07-04T08:01:23.140 に答える
0

要素に -20px の上部マージンが設定されているようです。これにより、タグtelerik:RadTextBoxの効果が相殺されるように見えます<br />

于 2012-06-29T17:53:20.710 に答える
0

どうdisplay:block;ですか？スクリーンショットが参考になるかも…

于 2012-06-29T16:30:13.647 に答える