カスタムドロップダウン矢印

選択タグのドロップダウン矢印を 4 つの要素で構成されるカスタム矢印に変更することはできますか。次のようにしたいのですが: 左側に 3 本の水平線、右側に下向きの矢印。1 つの要素 (水平線) でこの効果を実現しました。select-wrapper::before{content:"";position:absolute ;トップ:50%;表示:ブロック;幅:9px;高さ:2px;背景

P粉986937457 2023-08-17 17:52:04 0  1  519

常時置換後は左サイドバーのドロップダウン矢印が表示されなくなりますが、JS、CSSの導入には問題ありません。

常時置換後は左サイドバーのドロップダウン矢印が表示されなくなりますが、JS、CSSの導入には問題ありません。何が起こっているのかについて誰かが私に指導をしてくれますか？

浮尘 2017-12-26 17:00:53 0  3  1548

JavaScript - フラットリスト ドロップダウン コンポーネント スタイルをカスタマイズするにはどうすればよいですか?

1. まず、達成したい効果について説明します。携帯電話で JD.com のような画像をプルダウンし、手を放した後、新しいページにジャンプします。 2. ただし、フラットリストにはデフォルトのドロップダウン イベント {code...} があります。ドキュメント内のこのヘッダー コントロールを変更する方法がわかりません。Android のデフォルトでは、黒い円形の更新コンポーネントが設定されています...

PHP中文网 2017-06-08 11:02:39 0  1  1336

ES6 アロー関数で return ステートメントを使用する必要があるのはどのような場合ですか?

新しい ES6 アロー関数では、場合によっては戻り値が暗黙的であると述べています。つまり、式は関数の暗黙的な戻り値でもあります。 ES6 アロー関数で return を使用する必要があるのはどのような状況ですか?

P粉771233336 2023-08-22 13:20:02 0  2  644

HTML、CSS、SVG を使用してスケーラブルな標識を作成する

道標（先端のある長方形）の形のボタンを作成したいと考えています。 _______|\|_______/各テキストの長さが異なるテキストを動的にロゴに書き込みたいと考えています。グラフィックのみを背景グラフィックとして使用してこれを試してみると、矢印はそれに応じて拡大縮小および圧縮/伸縮されます。したがって、これを行う方法は、テキストを通常の div に配置し、CSS:after を使用して矢印を SVG として追加することです。矢印は完全に塗りつぶされているはずです。つまり、フレームの問題に対処する必要はありません。 （見やすくするためにSVGを黒のままにしました）最初の問題は、矢印が常にブロ...

P粉555682718 2024-03-31 14:45:14 0  1  468

JavaScript - QQ ブラウザと uc ブラウザは CSS3 アニメーションをサポートしていませんが、QQ と WeChat の組み込みブラウザは CSS3 アニメーションをサポートしています

ドロップダウン リストの矢印が回転する非常にシンプルな効果です。コードは QQ と WeChat の組み込みブラウザで問題なく開くことができ、携帯電話 (Xiaomi 5splus) のネイティブ ブラウザでも問題ありませんが、QQ ブラウザではそしてUCは開きません。

ringa_lee 2017-06-12 09:32:38 0  1  947

javascript - jq固定高テキストの展開と折りたたみ

{コード...} このような効果を実現するにはどうすればよいですか? 矢印を折りたたんだり展開したりして効果を書いてみました。ここに書かれている高さは固定されているため、理想的ではないようですが、このテキストの量は不確実ですデモ

伊谢尔伦 2017-06-29 10:09:11 0  3  1238

React Slick でオーバーフローの問題に直面する

私はreactslickを使用してスライダーを作成しています。スライダーカードには多くのオプションを備えたドロップダウンメニューが含まれています。ドロップダウンが開いていると、ドロップダウンの半分が切り取られ、ドロップダウン全体が表示されなくなります。コードペン: https://codepen.io/gtm18/pen/YzRdaML (jQuery を使用したデモ) $(document).ready(function(){$('.carousel').slick({slidesToShow:3,dots :true,

P粉827121558 2023-09-17 10:16:57 0  1  519

JavaScript - クリック イベントのバグ。何が問題だったのかわかりません。

1.絵を口の右側までスクロールし、すぐに左矢印をクリックすると虫眼鏡機能が無効になりますが、それ以外の場合はどこをクリックしても問題ないようです。問題がどこにあるのかわかりません。stop() と clearQueue() を使用しましたが、効果がありません。html code {code...} css {code...} jQuery...

ringa_lee 2017-05-18 10:59:14 0  1  1000

JavaScript - webpack のファイルが個別にパッケージ化されていないエラー

{Code...} はヘッダーにパッケージ化されていますが、別ファイルにパッケージ化したいので、{Code...} に変更しました。パッケージ化されたスタイルは、less ファイルの内容をコピーすることに相当します。私のlessファイルの内容は次のとおりです: {code...} パッケージ化されたスタイルも次のようになります {code...

给我你的怀抱 2017-06-26 10:58:03 0  1  735

html5 - z-index はブラウザのデバッグでは有効ですが、携帯電話のテストでは無効です

ブラウザのデバッグ時、ドラッグ イベントが発生すると矢印が非表示になりますが、モバイル WeChat では使いにくいです。この要素にはアニメーション アニメーションがあります。アニメーションを削除すると有効になります。追加すると、アニメーションが有効になります。無効です。現在のスタイル ファイルにはフローティングがありません。位置の理由または理由はブラウザ内にあるはずです...

高洛峰 2017-07-04 13:45:06 0  2  1837

入力した数値を増やすにはどうすればよいですか?

HTMLinput要素を使用するときにstep属性を実装しようとしています。このようにして、入力フィールドの上/下矢印をクリックして、現在の値に 100 を追加できます。ただし、step は正当な値を決定するため、単純な増分では機能しません。たとえば、123 と入力すると、223 ではなく 200 に増加します。 //populatefielddocument.querySelector("input").value="123";<inp

P粉605233764 2024-04-01 19:13:50 0  2  387

Z-indexを使用してドロップダウンコンテンツを一番上に配置するにはどうすればよいですか?

モバイル ビューではこのように動作するドロップダウン div 要素ですが、要素を検査するとモバイル ビューに表示されます。ほぼすべての関連するナビゲーション要素の CSS z-index スタイルを変更して、この要素を「z-index:121212! important;」に維持しようとしましたが、ドロップダウン div は依然として他のすべてのナビゲーション リンクの背後に表示されます。なぜこれが起こっているのか知っている人はいますか?ご協力をいただければ幸いです。これは私の HTML コードとその CSS です: .navbar-mobile.dropdown>

P粉986860950 2023-08-31 23:37:47 0  1  513

gvim - vim で一時的に挿入モードを終了し、通常モードに入るにはどうすればよいですか?

タイトルの通り、括弧を打ち終わるときにカーソルを移動させる必要があるのですが、矢印で移動させるとカーソルが手から離れてしまうので、最初にEscを押すと少し面倒です。通常モードに戻るには、押したときに通常モードになるキーがたくさんありますか?

PHPz 2017-05-16 16:39:12 0  5  1202

React を使用して画像上にインタラクティブ マーカーを配置する

助けてください。ホームページには以下のような画像が表示されています（拡大画像）。 「FORGE」の家には、中央に黒い矢印が付いた白と青のマーカーがあることに注意してください。 「賃貸」住宅も同様です。これらのマーカーはそれぞれ、インタラクティブなボタンとして機能します。予想されるインタラクション動作は次のとおりです: ホバーすると、青い背景が拡大して「Forge」または「Rentals」というテキストが表示されます。クリックすると、ユーザーは適切な「Forge」または「Rentals」ページに移動します。また、画面のサイズが変更されたときに応答するようにしたい、

P粉896751037 2023-09-08 21:25:41 0  1  851

javascript - jqueryはどのようにして先頭の下に.sortスタイルを使用してすべてのクエリを実行しますか?

silibing プロンプトの使用は、クリック トリガーの後は使用できません。 。目的の効果は、クリックした後、同じレベルにある .sort スタイルを使用して、追加されたすべての .add スタイルを検索することです。 {コード...}

滿天的星座 2017-06-26 10:52:19 0  4  899

javascript - vue で作成された Web ページは、Chrome および Android 携帯電話では正常に動作しますが、Apple 携帯電話では不完全に表示され、プルダウンできません。

DEMO アドレス Apple の携帯電話を見てみると、その効果がわかります。これは Chrome のモバイル モードで、表示は通常です。Android の携帯電話でも同じです。これは WeChat が開いたページです。 iPhone 5s. safariでも同様ですが、上記の表示ではIncompleteと表示されプルダウンできないことがわかります。何を求めているのですか...

PHPz 2017-06-06 09:53:38 0  4  2000

Select2 ドロップダウンの外観をカスタマイズする

私の場合、ドロップダウンに select2Combobox を使用しています。ここでは、国の選択が変更されると、その選択された ID を JSON 結果に渡し、その結果を州コンボ ボックスに割り当てて取得します。これが発生すると、ドロップダウン ビューが丸いエッジから正方形に変わります。同じスタイルを select2 コンボボックスに追加する方法を知りたいです。これが私のコードです。 <divclass="col-md-6col-sm-6"><divclass=&q

P粉256487077 2024-04-03 11:27:22 0  1  491

Safari: Webcamjs がライブ画像を正確にキャプチャしない

私は監視システムを開発しています。このシステムでは、x 分ごとにユーザーの画像を撮影し (ユーザーの許可を得て)、Web カメラの HTML 要素がユーザーに表示されないようにする必要があります。ただし、Safari ではキャプチャした画像に古い画像が表示される場合があります。 webcamjs を使用してモック アプリケーションを作成しました。Webcam ノードがビューポートから非表示になっている場合にのみ、このアプリケーションを Safari で再現できます。ビューポートから Web カメラ要素を非表示にするために、次のスタイル #webcam{position:fixed;top:-1...

P粉338969567 2024-02-17 15:12:30 0  1  377

jQuery の使用: 配列インデックス値を出力に追加する

jQuery と JavaScript は初めてです。 (前の) ドロップダウン選択フィールドからユーザーが選択した番号に基づいて、新しいテキスト入力フィールドを追加することで、次のコードを機能させることができました。 <script>$(function(){varinput=$('<inputplaceholder="名前またはタイトルを入力してください..."type="text"必須/>');varnewFields=$(

P粉567112391 2023-09-16 09:54:22 0  1  817