Tailwind CSS: 錠剤の形のボタンを作成する

このボタンがあります: <buttononClick={()=>removeTask(task)}class="text-xstext-redrounded-full">削除</button> 同様のものを見てみたいと思います: https://tailwindcss.com /docs/border-radius#pill-buttons ただし、押す錠剤の形状がわかりません

P粉189606269 2024-03-26 20:59:03 0  1  376

SafariでCSSを使用して円形の<ボタン>に円形のアウトラインを取得する方法

同じ色の輪郭を持つ丸いボタンを取得しようとしていますが、それは不可能のようです。輪郭は常に正方形になります。これを a で実現する方法はありますか、それとも a でのみ実現できるのでしょうか?ボタン{幅:40px;高さ:40px;境界線:なし;境界線の半径:40px;カーソル:ポインター;背景色:黒;表示:継承;アウトライン:5pxsol

P粉066725148 2023-10-26 09:54:54 0  2  1017

React での複数のボタンの実装: クリックされたボタンを除くすべてのボタンの選択を解除する

3 つのボタンを実装しようとしていますが、そのうちの 1 つをクリックすると背景色が変更され、他の 2 つのボタンの選択が解除され、背景色が元の色に戻ります。ただし、React で実装しようとすると、常にボタン 1 つ後ろになります (ボタン 1、3、2 を順番にクリックすると、選択されたボタンが 1 、 3 に設定されるという意味です (タイプミスではなく、単にボタンです)後方に））。これがその特定のコンポーネントのコードです。 importReact,{useEffect}from"反応&qu

P粉099985373 2024-02-26 15:26:22 0  1  302

Next.js アプリの中央ボタン コンポーネント?

nextjs ページの独自の行にあるボタンを使用しています。 PCとモバイルの両方で最も見栄えが良いと思うので、ボタンをページの中央に表示したいのですが、何を試してもボタン要素がページの左端の元の位置から移動できないようです。ページ。 margin-left と margin-right を特定のパーセントに手動で設定すると、ボタンのテキストが次の行に押し込まれることなく、ボタンができるだけページの中央に移動します。これが、ボタンを移動させる唯一の方法です。しかし、見た目はあまりよくなく、実用的ではありません。ページによると

P粉011360903 2023-09-18 22:05:21 0  1  770

React JSで、ボタン内のアイコンをクリックしてもボタンの値を取得できません

React JSで、ボタン内のアイコンをクリックしてもボタンの値を取得できません

P粉364129744 2023-07-22 09:47:02 0  1  450

python2.7で「開始」ボタンをクリックした後、tkinterのボタン（図の赤い部分）がクリックできないのはなぜですか？

python2.7で「開始」ボタンをクリックした後、tkinterのボタン（図の赤い部分）がクリックできないのはなぜですか？ 「開始」ボタンをクリックした後、tkinter の最小化、最大化、閉じるボタンをクリックするにはどうすればよいですか?コードは次のとおりです: {コード...}

漂亮男人 2017-05-27 17:39:55 0  1  808

Vaadin ラジオ ボタン グループをボタンのグループとしてスタイル設定できますか?

vaadin でラジオ ボタンを一連のボタンのようにスタイル設定し、選択した 1 つのボタンに色を付けることは可能ですか?ラジオボタンのようなボタングループを使いたい。ある項目はチェックできますが、他の項目はチェックできません。

P粉529245050 2024-02-03 19:49:05 0  1  315

React での前ボタンと次ボタンの機能のテストが失敗する

私の React コードはテストに失敗しました。間違って書いた場合、正しく書くのを手伝ってくれませんか? screen.getByRole('button',{name:'>'}) を使用して次のボタンを取得しようとしました。

P粉936509635 2023-08-15 13:54:35 0  1  450

css3 - WeChat アプレットでラジオを 2 つの選択ボタンのスタイルに変更する方法

{コード...} ラジオを2ボタンのスタイルに変更したいです。次のように状態バインディングを使用する場合、style={{color}} はクリックされたボタン自体の色のみをバインドでき、他のボタンの色を削除することはできません。

巴扎黑 2017-05-16 13:25:12 0  3  1217

矢印付きの「続きを読む」ボタン

図に示すように、右矢印の付いた「続きを読む」ボタンを作成しようとしています。背景色は白で、ボタン全体は次のようになります。次のコードを使用しています。ここの矢印は白なので、私のプロジェクトでは「プロフィールを表示」ボタンのみが表示されますが、背景色のせいで矢印は表示されません。矢印の色を変更するにはどうすればよいですか? <buttonclass="c-btn">プロフィールの表示</button>.c-btn{border:none;bac

P粉616111038 2023-09-09 12:16:11 0  1  593

Shopify、フィルタリングされた製品リストの進むボタンと戻るボタン

コレクションページの商品ページに表示される進むボタンと戻るボタンを作成しようとしています。コレクション ページでフィルターを選択し、商品をクリックすると、ユーザーが選択したフィルターに基づいて、リストされた商品間を進む、または戻るボタンを作成したいと考えています。私のボタンは、コレクション ページ全体を前後に移動するだけです。フィルターに基づいてリストされた製品を処理するには、以下のコードを書き直すにはどうすればよいですか? {%-liquidassignprevious_product=collection.previous_productassignnext_pro

P粉222320176 2024-01-10 17:32:46 0  1  418

アイコンをクリックすること (ボタンの残りの部分はクリックしないこと) が、JavaScript の購読ボタンが機能する唯一の方法です。

ユーザー プロファイルを購読するボタンがありますが、これは rssfontAwesome アイコンをクリックした場合にのみ機能し、ボタンの残りの部分は機能しません。ボタン要素をクリックイベントとして設定するためにいくつかのオーバーライドを試しましたが、まったく機能しません。次のコードは、アイコン要素がクリックされた場合にのみ機能します: <buttonclass='subscribe-buttonprofile-subscribe'><?phpif($profile->userSubscribed):

P粉742550377 2024-01-16 14:13:18 0  1  423

クリック/HTMLでボタンの背景色を変更する方法

「続きを読む」に似たボタンを作成し、それを押すとテキストが下に展開されます。テキストが拡大されるとボタンの背景が変わり、もう一度ボタンを押してテキストを閉じると（例：「少なく読む」）、ボタンの背景は元の状態に戻ります。この関数の実装方法 functionmyFunction(){vardots=document.getElementById("dots");varmoreText=document.getElementBy

P粉502608799 2023-09-08 00:04:48 0  1  502

HTMLボタンの灰色の「枠線」を削除する方法

HTML Web ページ上のボタンの周囲に境界線が表示されます。ボタンを 1 つ青、もう 1 つ緑にしてテーブル上に配置しようとしています。コードは次のとおりです: <tablealign="center"><trstyle="font-family:verdana;font-size:24px;"><th>SelectyourRegion</th></tr&g

P粉986028039 2024-03-30 10:30:48 0  1  503

CSS は他のテクニックを使わずに水平ボタンを実装します

最も長いボタンの幅に基づいて、同じ幅の 2 つの水平ボタンを作成しようとしています。各ボタンのテキスト内容は、ユーザーが別のページで調整できるため、テキストの長さ/最初のボタンと 2 番目のボタンのテキストの長さを制御することはできません。ボタンを最長のテキストの長さに合わせて調整しますが、(モバイル デバイスのように) ページの幅を超えないようにしてください。ボタンをデフォルトで水平に表示したいのですが、水平に表示されない場合は、列として積み重ねます。テキスト全体が収まらない場合は、ボタンのテキストを折り返す必要があります。 <divclass=&qu

P粉893457026 2023-09-04 12:29:02 0  1  569

ボタンの位置の問題 (CSS)

チェス盤をデザインしようとしていますが、Wh​​ite_Pawn7 が「次の行」に表示されるという問題に遭遇していますが、その理由がわかりません。チェスの駒を表示するために画像を使用し、チェス盤の背景を持つ div を作成しました。 ID は、このボタンの移動先をより適切にナビゲートできるように設計されています。最初の 6 つのポーンをコピーしようとしましたが、White_Pawn7 が次の行に移動します。使用した画像: ポーン: ポーン ホース: ホース スプリンター: スプリンター キング: キング クイーン: クイーン タワー/ルーク: ルーク ボード: ボード 使用してみました: to...

P粉793532469 2023-09-03 10:45:19 0  1  517

JavaScript - ボタンは別の URL にリンクします。Baidu 統計を使用してボタンのクリック数を計算する方法

たとえば、この質問では、Web ページ上の 2 つのボタンのクリック数を数えたいと考えています。

阿神 2017-06-26 10:56:53 0  1  855

ボタンのinnerHTMLを画面に表示できません

したがって、innerHTML に問題があります。空の配列ボタンがあり、for ループを使用してそれを埋めます。次に、別の for ループを使用して各ボタンの innerHTML を「Info」に設定しますが、サイトを確認するとボタンはまだ空です。 //配列 letbuttons=[];//ループ問題 for(leti=0;i<2;i++){//ボタン配列を埋めるループ for(letl=0;l<4;l++){button

P粉024986150 2023-09-10 09:17:02 0  1  492

HTMLのボタンを作成してMySqlの行を削除します

現在、nodejsを使用してユーザーを作成し、そのユーザーを「users」というテーブルのMySqlに追加するプロジェクトに取り組んでいます。現在ログインしているユーザーをmysqlテーブルから削除するボタンをhtmlに作成したいです。 HTMLのボタンがnodejsの関数を呼び出してMySqlの行を削除するにはどうすればよいですか

P粉760675452 2024-04-01 13:24:27 0  1  411

ブラウザの戻るボタン イベントを検出する方法 - クロスブラウザ

ユーザーがブラウザで戻るボタンを押したかどうかを明示的に検出するにはどうすればよいでしょうか? #URL システムを使用してシングルページ Web アプリケーションでページ内の戻るボタンを強制的に使用するにはどうすればよいですか?ブラウザの「戻る」ボタンが独自のイベントをトリガーしないのはなぜでしょうか。 ?

P粉141911244 2023-08-23 16:23:49 0  2  633