0

ボタンに画像を割り当て、その値を非表示にして、画像のみが画面に表示されるようにするにはどうすればよいですか。私はPHPとHTML5を扱っています。

次のコードは機能し、画像が表示されますが、画像とともにボタンの値も画面に表示されます。表示されたアイテムの ID を見つけるために必要なため、value 属性を削除できません。

PHP コード (動的テーブルへの td の挿入)

<?php $url = get_template_directory_uri().'/images/deleteButton1.png'; ?>
<td class='delete'><button id="gm_btn_delete_order_prod"  value="{$product_id}"     class="button"></button></td>

CSS

.button
        {
        background: url(<?php echo $url; ?>) no-repeat;
        cursor:pointer;
                    border: none;
        }
4

3 に答える 3

2

次のように、CSS を使用して、テキストをページ外の位置に移動できます。

.button {
   text-indent: -10000px;
}

テリーのコメントから、次のようなことができます：

.button {
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
}
于 2013-11-07T21:01:48.597 に答える
1

ボタンの data-value 属性を使用して必要な値を保存し、jquery で引き出すことができます。

于 2013-11-07T21:02:54.483 に答える
0

ボタンの代わりにリンクを使用しGET、javascript を介して、または JavaScriptPOST/PUT を使用してパラメーターを渡すことができます。 -buttons-with-css.html

更新 私は現在、画像であるボタン、コードを持つWebサイトで作業しています:

CSS

input[type="submit"] {
position: absolute;
width: 122px;
height: 33px;
margin: 382px 0 0 500px;
border: 0 none;
background: none;
background-image: url(/images/asset/form.png);
background-position: -678px -525px;
z-index: 2;
}

html

<input type="submit" value="">
于 2013-11-07T21:04:32.247 に答える