CSS スタイルを使用して、 の周囲の境界線とドロップダウン矢印を非表示にします。これは主に、見た目を美しくするために、選択したコンテンツのみを表示するために使用されます。
スタイルコントロールを使用し、単独でテストすることで効果を得ることができますが、リスト内のに配置すると、位置が美しくなく、選択したコンテンツがリスト行を押してしまいます。どうすればよいですか?



張
台
米
個
個
Block

上記をページ上でテストして、希望する効果を実現できます。ただし


张
台
米
個
個



を追加してリストに表示すると、漢字が押されてしまう問題が発生します。
それを解決するのを手伝ってください！ ！ ！


ディスカッションへの返信 (解決策)

気が変わって js を使用して解決することもできます
選択を非表示にし、選択の値を表示するテキストボックスを追加するのは、おおよそのロジックです。テストされた内容は間違って書かれている可能性があります。IDE は使用せず、コードを直接書いただけです。

関数 hiddenSelect(){

var slcList=document.getElementsByTagName('select');

var ipt ;

for(var i=0;i ipt = document.createElement("input ");
ipt.setAttribute('slcValue',slcList[i].value); // 選択した値を設定します
ipt.value = slcList[i].options[slcList[i].selectedIndex].text;
slcList [i].parentNode.appendChild(ipt);
slcList[i].style.display="none";

関連ラベル：

隐藏<select>边框及下拉箭头

前の記事：DIV border_html/css_WEB-ITnose の透明色について助けを求めている初心者 次の記事：このひどい下線を削除するにはどうすればよいですか?_html/css_WEB-ITnose

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事

• LLMSの仕組み：トレーニング後、ニューラルネットワーク、幻覚、推論への事前トレーニング
  2025-02-26 03:58:14
• ブロックチェーンとAIを組み合わせてアートを生成しました。次に何が起こったのか。
  2025-02-26 03:38:10
• 高度なプロンプトエンジニアリング：思考チェーン（COT）
  2025-02-26 03:17:10
• SQLiteでの検索拡張生成
  2025-02-26 02:49:09
• 独自のnode.js APIを構築するためにLLM駆動のボイラープレートを使用する方法
  2025-02-26 01:08:13
• 2024年のコーディングのためのLLMS：価格、パフォーマンス、そして最高の戦い
  2025-02-26 00:46:10
• ビジョン言語モデルを促します
  2025-02-25 23:42:08
• 大手言語モデルの応答の信頼性を測定する方法
  2025-02-25 22:50:13
• 人生の幻想
  2025-02-25 21:54:11
• 科学者は人間の思考を反映する大きな言語モデルに真剣に取り組む
  2025-02-25 20:45:11

最新の問題

リモート ウェアハウスを git に追加した後、プッシュできません

から 1970-01-01 08:00:00

0

0

0

Objective-C のブロックと Swift のクロージャの違いは何ですか?

から 1970-01-01 08:00:00

0

0

0

github - git は特定のサフィックスを除くすべてのファイルを無視できますか

から 1970-01-01 08:00:00

0

0

0

object-c - この cas ファイルを偶然見ましたか?これはどのように書かれているか聞いてもいいでしょうか？

から 1970-01-01 08:00:00

0

0

0

bash での git 完了エラー

から 1970-01-01 08:00:00

0

0

0

関連トピック

詳細>

• デジタル通貨の定量取引プラットフォーム
• 正規表現スペース
• ポート 445 を閉じるとどのような影響がありますか?
• Firefox ブラウザ プラグインの概要
• PHP配列にはいくつかの種類があります
• Douyin の炎が消えた後に取り戻すにはどうすればよいですか?
• win10のアクティベーションが失敗するのはなぜですか?
• スプリングブートフレームワークの利点

人気のおすすめ

• URLってどういう意味ですか？
• DOM とはどういう意味ですか?
• 画像サイズを変更する方法
• HTMLでフォントを太字にする方法
• HTML画像のサイズを設定する方法

人気のチュートリアル

詳細>

関連するチュートリアル

人気のおすすめ

最新のコース

• 
  最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)

  1434551
• 
  PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ

  4291783
• 
  JAVA 初心者向けビデオチュートリアル

  2639560
• 
  Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル

  515032
• 
  PHP ゼロベースの入門チュートリアル

  874740

• 
  最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)

  1434551 回の学習
• 
  JAVA 初心者向けビデオチュートリアル

  2639560 回の学習
• 
  Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル

  515032 回の学習
• 
  Web フロントエンド開発の簡単な紹介

  216864 回の学習
• 
  PSビデオチュートリアルをゼロからマスターする

  915118 回の学習

• 
  [Web フロントエンド] Node.js クイック スタート

  9286 回の学習
• 
  海外のWeb開発フルスタックコースの完全なコレクション

  7486 回の学習
• 
  Go言語実践GraphQL

  6319 回の学習
• 
  550W ファンマスターが JavaScript をゼロから段階的に学習します

  807 回の学習
• 
  Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる

  31351 回の学習

最新のダウンロード

詳細>

ウェブエフェクト

公式サイト

サイト素材

フロントエンドテンプレート

• [フォームボタン] jQuery エンタープライズ メッセージ フォームの連絡先コード
• [プレイヤーの特殊効果] HTML5 MP3 オルゴール再生効果
• [メニューナビゲーション] HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果
• [フォームボタン] jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード
• [プレイヤーの特殊効果] VUE.JS 模倣 Kugou 音楽プレーヤー コード
• [html5特殊効果] 古典的な HTML5 プッシュ ボックス ゲーム
• [画像の特殊効果] 画像効果を追加または削減するための jQuery スクロール
• [フォトアルバム効果] CSS3 個人アルバム カバー ホバー ズーム効果

• [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート
• [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
• [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート
• [フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート
• [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します
• [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート

• [PNG素材] かわいい夏の要素のベクター素材 (EPS+PNG)
• [PNG素材] 4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)
• [バナー画像] 歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材（AI+EPS）
• [PNG素材] 金色の卒業帽ベクター素材（EPS+PNG）
• [PNG素材] 黒と白のスタイルの山アイコン ベクター素材 (EPS+PNG)
• [PNG素材] 異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材（EPS+PNG）
• [バナー画像] フラット スタイルの植樹祭バナー ベクター素材 (AI+EPS)
• [PNG素材] 9つのコミックスタイルの爆発するチャットバブルベクター素材（EPS+PNG）

• [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート
• [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
• [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート
• [フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート
• [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します
• [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート

福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！

私たちについて 免責事項 Sitemap

© php.cn All rights reserved