私には以下のようなボタンがあります。htmlのスパンに似たボタンを作ってください
<button type="submit" class="search-btn" id="search-submit-header"></button>
このスパンに適用したい特定の機能があり、ボタンと同じ作業をします。スパンのCSSを使いたい。
<span class="search-btn">
<a href="#"><i class="fa fa-search"></i></a>
</span>
どうすれば入手できますか？スパンに作用するボタンの機能性。
愚かな質問に対する謝罪。
アンカータグにスタイル情報を入力するだけです。例えばノート
<a href="#" class="search-btn"> <i class="fa fa-search"></i> </a> function doSomething(){
//your code
}
$('.search-btn').click(doSomething);
この
<!DOCTYPE html>
<html>
<body>
<style>
.ButtonSpan {
/*width: 500px;
height: 500px;*/
border: 1px solid black;
background: #e0e0e0;
padding: 25px;
}
</style>
<button type="submit" class="ButtonSpan">test</button>
<span class="ButtonSpan">test</span>
</body>
</html>あなたのが現在<button>要素に適用されています。
これはいくつかの方法がありますが、最も簡単なのは（クロムで）右クリック>要素の検査> "ctrl + shift + c"を押して、ボタン>要素タブ>計算タブ現在、cssが適用されています。
ここからCSSの主なプロパティをコピーし、CSSのspan.search-btnクラスに適用します。例えば
：
span.search-btn {
width: 20px;
height: 10px;
border: 1px solid black;
padding: 20px;
}
今 – Nitheesh
私が把握することができませんまで、あなたの仕事を投稿してください。私は近くにいるとは思わないので、何かを投稿することはできません.. – Suraj
私はあなたのポイントを得ることができません。基本的には、 'btn'クラスをスパンに追加することができます。これはデザイン面ではbtnになります。そして、あなたは ''を ''と交換する必要があります。これはもっと意味があります。 –