1

アプリケーションでは、インライン編集可能な値を含むことができる列がいくつかあります。これらのセルに対して、鉛筆アイコンを表示したいと思います。

td.editable
{
    padding-right: 20px;
    background-image: url(pencil.png);
    background-repeat: no-repeat;
    background-position: center right;
}

この CSS は、セルの境界線と画像の間に 2px のスペースを入れたいことを除いて、ほとんど問題ありません。背景画像とCSSでそれを達成することは可能ですか? そうでない場合、どうすれば達成できますか？

ありがとう

4

4 に答える 4

2

2 ピクセルの透明な境界線で BG 画像を再保存し、新しい高さに合わせて入力を 4 ピクセル高くします。

于 2012-10-17T20:03:47.527 に答える
1

x% y% で background-position プロパティを使用します。

http://www.w3schools.com/cssref/pr_background-position.asp

于 2012-10-17T20:01:43.167 に答える
1

これを試して：

table { border-spacing: 2px;}
于 2012-10-17T20:02:25.890 に答える
0

最も簡単な方法は？Pencil.png の右側に 2 ピクセルを追加します。背景の位置をいじることはできますが、努力する価値はありません。

于 2012-10-17T20:08:44.410 に答える