0

いくつかの要素を囲むドットを消したり実線にしたりするにはどうすればよいですか?

私が取り組んでいるページには、いくつかの要素の周りに間違いなく醜い点線があります。

ここに画像の説明を入力

ページのcssファイルでこれを次のように変更したとき、解決策があると思いました：

#trSalesTotal td
{
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f0f0FE;
    border-top: 2px dotted #a9a9a9;
    border-left: 2px dotted #a9a9a9;
    border-right: 2px dotted #a9a9a9;
    border-bottom: 2px dotted #a9a9a9;
}

...に：

#trSalesTotal td
{
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f0f0FE;
    border-top: 2px solid #a9a9a9;
    border-left: 2px solid #a9a9a9;
    border-right: 2px solid #a9a9a9;
    border-bottom: 2px solid #a9a9a9;
}

...しかし、これらの変更を保存し、ブラウザーで Ctrl+R を押した後でも、同じことが表示されます。私のプロジェクトで「点線」を検索すると、結果がゼロになりました! これらのはしかはどこから発生し、解毒剤は何ですか?

私もこれを追加しようとしました：

#trSalesTotal
{
    border-top: 2px solid #a9a9a9 !important;
    border-left: 2px solid #a9a9a9 !important;
    border-right: 2px solid #a9a9a9 !important;
    border-bottom: 2px solid #a9a9a9 !important;
}

...しかし、まだ行きません。Chrome Dev Tools で要素を調べたところ、(<tr id="trSalesTotal">)「border-*」プロパティがまったく表示されず、点線も実線も表示されません。実際、HTML には、Sales Total の最小値と最大値の周りに「ラッパー」さえある理由がわかりません。誰がそこに置いているのですか? これはhtmlです：

<tr id="trSalesTotal">
    <td style="background-color: transparent; border-width: 0;">
        @Html.LabelFor(m => m.LabelSalesTotal)
    </td>
    <td>
        @Html.LabelFor(m => m.FormSalesTotalMin)
    </td>
    <td>
        @Html.TextBoxFor(m => m.FormSalesTotalMin, new {style = "width: 134px;"})
    </td>
    <td>
        @Html.LabelFor(m => m.FormSalesTotalMax)
    </td>
    <td>
        @Html.TextBoxFor(m => m.FormSalesTotalMax, new {style = "width: 109px;"})
    </td>
</tr>

ところで、私も置き換えてみました：

<td style="background-color: transparent; border-width: 0;">

...と：

<td>

...しかし、それでも醜いドットが表示されます。では、どこからこの点線のビジネスを得ているのでしょうか?

4

2 に答える 2

1

!important を追加しようとしたときに、次の場所に追加しました:

#trSalesTotal

それ以外の：

#trSalesTotal td

だからこれを試してみてください：

#trSalesTotal td
{
    border-top: 2px solid #a9a9a9 !important;
    border-left: 2px solid #a9a9a9 !important;
    border-right: 2px solid #a9a9a9 !important;
    border-bottom: 2px solid #a9a9a9 !important;
}

また、これをもっと簡単に書くこともできます：

#trSalesTotal td {
    border: 2px solid #a9a9a9 !important;
}
于 2013-05-30T18:41:16.817 に答える
0

犯罪者、これが起こったことです：

このファイルにはすべての CSS が含まれていたので、すべてを別の .CSS ファイルに移動して、そこにリンクしました。簡単に言うと、一時的に CSS をファイルに戻し、その外部スタイル シートの呼び出しをコメント アウトしました。

そのため、cshtml ファイルに (再度) 含まれている内容に基づいてルールが適用されます。それはそうあるべきです。そこの「点線」を「実線」に変更しましたが、今では改善されています（まだ作業/クリーンアップが必要です）。

しかし！CDT が、ページ内の CSS ルールがレンダリングされた html に影響を与えていると見なしていないのに、参照されなくなったスタイルシートを指していたのは、今でも奇妙に思います! どうしたの？

于 2013-05-30T19:15:19.850 に答える