問題タブ [border]

既定では、ASP.NETのリストボックスには3D境界線効果があります。これをSolid、1 px、somecolorに変更する必要があります。これはcssを使用して実行できますか？

ありがとう、アトゥル

右の境界線のスタイルを指定するには、次のスタイルを使用する必要があることがわかりました。

この情報をこのように境界要素に組み込んでみたところ、機能しませんでした。

私の構文が間違っていると仮定して、border要素のみを使用して正しい境界線スタイルを指定する方法はありますか？

IDが「gallery」のdivがあり、その中の画像のスタイルを設定したいと思います。具体的には、各画像が重なり合っているため、下部を除いて1pxの黄色の実線の境界線を付けたいので、下部の境界線を2倍にしたくありません。

私が混乱しているのは、さまざまな境界線スタイル要素（border、border-style、border-width）から選択する方法です。私はこれを試しました：

上記のcssで黄色の境界線を取得できましたが、境界線は2pxの境界線のように見えます（かなり太いです）。さらに、使用している構文はあまりエレガントに見えません。

これをより簡潔に/エレガントに行う方法に関する推奨事項はありますか？

背景画像を指定すると、何らかの理由で、最新のブラウザーのほとんどは、デフォルトの入力枠スタイルをテキスト ボックスに適用しなくなります。代わりに、醜い挿入スタイルが得られます。私が知る限り、デフォルトのブラウザー スタイルを適用する CSS の方法もありません。

IE 8 にはこの問題はありません。Chrome 2 と Firefox 3.5 はそうですし、他のブラウザも同様だと思います。私がオンラインで読んだことから、IE 7には同じ問題がありますが、その投稿には解決策がありませんでした.

次に例を示します。

Chrome 2 では次のようになります。

Firefox 3.5 の場合: http://www.screencast.com/users/jadeonly/folders/Snagit/media/d70dd690-9273-45fb-9893-14b38202ddcc

更新: JS 解決策:純粋な CSS-on-the-input ソリューションを見つけたいと思っていますが、今のところ使用する回避策を次に示します。これは私のアプリから直接貼り付けられているため、上記のようなスタンドアロンの良い例ではないことに注意してください。大規模な Web アプリから関連する部分を含めました。あなたはその考えを得ることができるはずです。HTML は「リンク」クラスの入力です。背景の縦位置が大きいのはスプライトだからです。IE6、IE7、IE8、FF2、FF3.5、Opera 9.6、Opera 10、Chrome 2、Safari 4 でテスト済み。一部のブラウザでは、背景の位置を数ピクセル微調整する必要があります。

JS:

CSS:

更新: CSS Close Enough Solution: kRON からの提案に基づいて、Vista で入力を FF と IE に一致させる CSS を次に示します。これは、純粋なデフォルトをあきらめて 1 つのスタイルを強制する場合に適しています。私は彼を少し変更し、「青みがかった」効果を追加しました。

CSS:

次のように、4つの「連動」divで構成されるレイアウトがあります。

最終的なレイアウトが次のようになるように、「上部」と「下部」のビットの周りに境界線を配置したいと思います。

(以前は 2 つの div が交わっていた場所は、1 つの統合された形状のように見える滑らかな境界線である必要があります)

CSSでこれを適切に行うにはどうすればよいですか?

リンクへのポインターを提供する画像を視覚的な補助として使用したい場合を除いて、テーブルの境界線を「1pxの黒一色」に設定したいと思います。

他の境界線が通常の css の場合、画像を下の境界線として設定することは可能ですか?

WPF でデフォルトの TextBox の境界線をオーバーライドしたいと考えています。すべての TextBoxes に適用されるこのスタイルがあります。

SnapsToDevicePixels="True"液晶モニターの枠線を正しく表示するように追記しました。

しかし、すべての TextBox は異なるようです。一部の境界線が欠落しているか、灰色です..理由を知っている人はいますか?

以下の例からわかるように、リンクをクリックすると点線の境界線が表示されるというこの問題を強調するために、黒の背景と赤いリンクを使用しています。追加しましborder-style:noneたが、効果がないようです。リンクをクリックしたときにリンクの周りに表示される点線の境界線を削除する他の方法はありますか?

BlackberryプログラムでBasicEditFieldを使用しましたが、BasicEditFieldに境界線が表示されないため、BasicEditFieldをカスタマイズして境界線付きで表示したいと思います。コードスニペットをいくつか入力してください。

私のWebページには、幅0のdivがあり、それぞれ1px幅の左右の境界線があります。

Firefoxでは、次のコードを指定すると、50ピクセル幅のdivが保持されますが、IE7ではたまたま48ピクセル幅です。

誰かが私がこの問題を解決するのを手伝ってもらえますか？

前もって感謝します。