• ベストアンサー

input text　Chromeで出る枠を消す

メールフォームを作っています。 GoogleChromeで input type=text（テキスト入力部）をクリックすると黄色い枠が出るのを消したいのですがどうすればいいでしょうか？教えてください。

  • CSS
  • 回答数1
  • ありがとう数4

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

input[type="text"], input[type="password"], textarea, select { outline: none; } 上のようなCSSで消せますよ。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. CSS

関連するQ&A

  • input要素のブラウザによる長さの違いについて

    お世話になっております。 今、ホームページを作成しているのですが メールの入力フォームを作成しており、 ブラウザによるinputフォームの長さの違いの解消に苦心しております。 特に macでのgooglechromeとwindowsのgooglechromeで 同じブラウザにも関らず表示される長さが変わってしまうところが解消できません。 <div id="mailform"> <p><input name="mail" id="input_form" value="テキスト" onfocus="this.value=''" tabindex="2" type="text"><br /></p> </div> #mailform{width:100px;} で設定しているのですが macでの表示が短くなってしまい、テキストが入りきりません。 どなたか解消方法分かる方がおられましたらご教示戴ければ幸いでございます。

    • 締切済み
    • CSS
  • <form <input type="text"の枠を消せますか？

    教えていただけますか？ <input type="text" readonly/>を表示したときに表示される枠を 消すことができますか？ 何故？と聞かれたら困りますが。。。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • <INPUT TYPE="TEXT">について

    Another HTML-lint gatewayというサイトでHTMLの文法チェックをしたところ、「<INPUT TYPE="TEXT"> には VALUE 属性で初期値となるテキストを指定しておきましょう。」という指摘を受けました。 詳細を確認したところ ------------------------------------------------------------------- <TAG> には初期値となるテキストを指定しておきましょう。 <INPUT type="text"> や <TEXTAREA> には、何か初期値となるようなテキストをあらかじめ書いておくことがWAIで薦められています。その理由に、空だと正しく処理できないWWWブラウザの可能性が示されています。 ------------------------------------------------------------------- ということが記載されていました。 これはどういうことなのでしょうか？ わかる方いらっしゃいましたら、ご教授お願いいたします。

    • ベストアンサー
    • HTML
  • テキストボックス(INPUT TYPE=TEXT)の属性について

    ＩＮＰＵＴタグのＴＹＰＥをＴＥＸＴにする事によって、 テキストボックスが表示されます。 このテキストボックスに文字が入力されたら通常は左詰めに文字が 入力されますが、これを右詰めに文字を入力させたく思ってます。 このような事って可能なのでしょうか？

    • ベストアンサー
    • HTML
  • INPUT(TEXT)フォームのリセット

    　テキストのフォームをリセットできない状況で，どうすればよいかご指導いただきたく投稿しました。HTMLファイルから検索ワード"SerchWord"を再検索画面にも表示させるために"GET"で送り，$_GETで受け取るという形にしています。 　ちなみに，今回の命令ではタイプをボタンにして，onClickで場所を指定してリセット命令をかけていますが，type='reset'でも，onClick='thisform.reset()'でも，テキストボックス内の文字は消えませんでした。 　以下，その部分のプログラムです。 …… if($_GET["SerchWord"] == null || (strcmp($_GET["SerchWord"] , "") == 0)) { echo("<input size='60' type='text' name='SerchWord' value='' />"); } else { echo("<input size='60' type='text' name='SerchWord' value='" . $_GET["SerchWord"] ."' />　"); } echo("<INPUT type='submit' value='検索'><BR>"); echo("<INPUT type='button' value='リセット' onClick='document.Kensaku.SerchWord.reset()'><BR>"); …… 　もしかすると悩むレベルではないかもしれませんが，自分にとって簡単なようで，ものすごく悩んでいます。 　どなたかご指導いただければ・・・。よろしくおねがいします。

    • ベストアンサー
    • PHP
  • input type="text"内の禁止語について教えてください。

    フォームに入力されたくない文字をJavaScriptで制御したいのですが、どなたか宜しくお願いします。 例えば、名前入力欄<input type="text" name="name">に『♪』や『★』などと、『up』『新作』など特定の文字が入っている場合は送信(submit)できないようにしたいのですが、どのように書けばよいでしょうか。 どうぞ宜しくお願いいたします。

  • input要素のtype属性を変えたい

    携帯サイトのパスワード入力フォームで、最後に入力した1文字だけ表示し、他をマスクするというものがあり、面白いなと思ってPCサイト用にJavascriptで作ってみようと思いました。HTML部に <input type="password" id="pass" /> と書き、初期設定としてJavascript部に window.onload = function() { 　　var input = document.getElementById("pass"); 　　input.type = "text"; 　　input.onkeydown = 実装する関数; } と書いています。これはHTMLにイベントハンドラを設定したくない（HTMLとJavascriptを分離させたい）からです。type属性がpasswordだとどうやっても文字は見えないので、textに変えてキーが押されるごとに最後の文字以外をマスクしてvalueに挿入する方法を考えていますが、これがうまくいきません。どうやらtype属性は値を取得することは可能ですが、挿入（置き換え）することはできないようなのです（ここでエラーが起こっているようです）。他に input.removeAttribute("type"); input.appendAttribute("type", "text"); といったやり方も試してみましたが、うまくいきませんでした。 これは仕様で、どうやっても無理なのでしょうか？ <input type="password" /> を <input type="text" /> に変えれば対処できる問題ですが、Javascript不使用ユーザーにも対応できるようにしたいので、なんとか<input type="password" />形式のまま解決できませんでしょうか？

  • input type="text"　ページが自動で

    ページ内に <form> <input type="text" value=""> </form> を入れているのですが、 アンドロイドので該当のページを見て、 テキストボックスをアクティブにすると、 ページが自動でちょっとだけズームしてしまいます。 パソコンで見る時のように、 テキストボックスにカーソルを移動しても ズームしないようにするにはどうすればいいでしょうか？

    • ベストアンサー
    • HTML
  • AJAXでのinputもしくはoptionなどのテキスト取得

    お知恵を貸して下さい。。。 今、フォームの各項目を選択してる場合(たとえば、checkedがついてる場合)その要素のテキスト部分を別部分に出力してーというのをjQueryで作ってます。 inputのvalue値やnameは取ってこれるんですが、<input>タグの後のテキスト部分がなかなか思うように取得出来ませんでした。 PHPでのフォームで下記のようにしてるので、どうしてもinputの後のテキストを取りたいのです。(下記の場合、パソコンという部分) ↓ <input type=checkbox name="NAM[1]" value="1">パソコン <input type=checkbox name="NAME[2]" value="1">パソコン <input type=checkbox name="NAME[3]" value="1">パソコン いろいろ試してみたんですけど、そもそのやろうとしてる事は可能なのでしょうか？ 説明が下手でごめんなさい、どうぞよろしくお願いします。

    • ベストアンサー
    • AJAX
  • テキストインプットで入力できない

    noshioと申します。 WindowsXP,FlashCS3を使用しています。 Flashでメールフォームを作ろうと思い、http://www.mediacreator.jp/tutorials/show_tutorial.asp?id=70&pn=2を参考に作っているのですが、動作テストするとテキストインプット内に入力できずに困っています。。。 1)Top > 2)ムービープレビュー１ > 3)ムービープレビュー２ > 4)ムービープレビュー３ 上記の階層で作っているのですが、1)～3)までの場合は、ちゃんとテキスト入力できました。 しかし、4)のみカーソルを合わせても文字入力が出来ません。。。 初歩的な質問で恐縮ですが、お分かりになる方お教えいただければ幸いです。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する