13

Internet Explorer でクリックされた要素の境界線の色を取得する際に問題が発生します。

$("#clickme").click(function() {
    alert($(this).css('border-color'));
});

ここに jsfiddle があります: http://jsfiddle.net/dS7mc/
Chrome では動作しますが、IE10 では動作しません。

両方で動作させる方法はありますか？また、「境界線」のみに変更すると、クロムでは表示されます2px solid rgb(0, 0, 0)が、つまり、空のアラートが表示されます。

PS。はい、「borderColor」を試しました。また、IEでは機能しません

4

4 に答える 4

7

これは、Internet Explorer にはborder-color. プロパティは、border- pos -color に名前が変更されます。

border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;

border-widthとborder-style(border-left-widthなど)も同様です。境界線の色を引き出すには (4 つすべてが同じであると仮定)、次を使用します。

$(this).css('border-top-color');

border-width同様にorをプルするにはborder-style(ここでも 4 つすべてが等しいと仮定します)、次のように使用します。

$(this).css('border-top-width');
$(this).css('border-top-style');

要素が持つスタイル プロパティは、IE のF12 開発者ツールで確認できます。

IE 開発ツール

于 2013-03-28T20:53:59.120 に答える
5

これを試してください..IE8で動作します

$("#clickme").click(function() {
    $('body').append($(this).css('border-top-color'));
});

ここに画像の説明を入力

jsフィドル

また、色はブラウザーによって異なる方法で返されますが、FireFox、Safari、および Chrome はそれらをrgb()値として返し、省略表記 ( vs ) を使用し、Opera は常に6 桁の色を返す場合でもIE、設定したとおりに色を返します。CSS#f00#ff0000hexidecimal

于 2013-03-28T20:47:45.360 に答える
2

モハマド・アディルに似ています：

$("#clickme").click(function() {
    var Bcolor = $(this).css("border-left-color");
    alert(Bcolor);
});

各面を指定する必要があります

于 2013-03-28T20:50:31.347 に答える
1

通常のjsを試す

var clickme = $("#clickme")[0];
    clickme.addEventListener('click', function() {
    alert(clickme.style.borderColor)
    }, false)
于 2013-03-28T20:50:39.480 に答える