• ベストアンサー

INPUTタグ disabledでテキストの色を通常の黒に

HTMLのテキストボックスで、コピーは可能で、入力不能の状態にしたい。 (計算式の答えをボタン入力で入れるため) そのため、INPUTタグでdisabledにした。 reasonlyだと、コピーが出来ないため。 ただ、disabledだと、文字が灰色になってしまいます。 それを防ごうと、styleオプションで、文字色をしようとしたがうまくいきません。(colorなどで) 方法を教えてください。 (javascriptしか、無理な場合は、ソースを教えてください)

  • kapox
  • お礼率50% (51/102)
  • HTML
  • 回答数2
  • ありがとう数2

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

  • ベストアンサー
  • magid
  • ベストアンサー率73% (49/67)
回答No.2

ご質問の意味が今ひとつよく理解できていないので的をはずしてそうですが、入力できないようにしたフィールドに動的に値を入力したいということであれば、次のようにJavaScriptを書けば可能です。 <html> <head><title>...</title></head> <body> <input type=text readonly id="result" value=""> <script style="text/javascript"> var num = 1+2+3+4+5+6; //何か計算 document.getElementById("result").value = num; </script> </body> </html> readonlyなら、テキスト入力フィールドからクリップボードへのコピーは可能です。それとも何か違う意味でコピーという言葉を使ってらっしゃいますか?

kapox
質問者

お礼

すいません。 勘違いでした。 readonlyでも、コピーできました。 ブラウザの調子か、ちゃんと、ドラッグしていなかったのか、 昨日は、うまくいっていませんでした。 ありがとう、ございます。

その他の回答 (1)

  • MAN_MA_RUI
  • ベストアンサー率41% (426/1024)
回答No.1

Disabledになっている場合文字の指定などは出来ません。色はブラウザ依存の表示になります。 仮に出来たとしても多分特定の環境しか対応できないと言う状態になるでしょう。

kapox
質問者

お礼

すいません。 勘違いでした。 ありがとうございます。

関連するQ&A

  • HTML?JavaScript?  INPUTタグ内の文字をハイライト

    HTML?JavaScript?  INPUTタグ内の文字をハイライトさせたい 下記画像のように、formタグ中にある、Inputタグ内の文字をそれぞれカラフルにハイライトさせたいのですが、その方法が分かりません。HTMLかJavaScriptを使えばできるのかも分かりません。 どのようにすれば良いかどなたか教えていただけないでしょうか?宜しくお願い致します。 なお、下記のようにやってはみたものの、submitでタグも送信してしまいますし、タグがそのまま表示されてしまい、イメージする様にはなりませんでした。 <form action="~"> <input value="<span style=background-color:#ffff00>Input</span> <span style=background-color:blue>文字</span> <span style=background-color: pink>ハイライト</span>"> <input type=submit> </form>

  • inputタグのCSS化

    HTMLの1行テキストボックスで、 <input type="text" name="aaa" value="bbb" disabled="true" readonly="true"> と設定したいのですが、「disabled」と「readonly」をスタイルシートで書きたいのですが、記入方法が全く見当がつきません。また調べても記載方法までたどり着きません。 上記の記載方法を教えて下さい。よろしくお願いします。

    • ベストアンサー
    • HTML
  • HTMLのinputタグに入力された文字列の中にHTMLのタグが

    HTMLのinputタグに入力された文字列の中にHTMLのタグが 含まれたらjavascriptでalertを出すようにしたいのですが、 どのようにしたらよいかお分かりの方いましたら、 どうか教えてください。 お願いいたします。

  • inputタグのテキストBOXだけ右寄せにする方法

    inputタグのボタンやテキストBOXが混在しているページがあります。 この中のテキストBOXだけ右寄せにしたいと思っています。 原始的なJavaSctiptは使わずに、かつID指定・class指定なしに。 シンプルにきれいに、が希望です。1つ1つ指定というのはしたくないです。 昔はJavaScriptでinputタグのものを全部持ってきて 全ループさせながらtypeを判定しテキストBOXのものだけを どうこうするとか書きましたが、原始的なので書きたくありません。 というかもう少しスマートな書き方はないものかと思い 質問をすることにしました。 スタイルシートだけで書ければいいなと思いますがこれを知りません。 input:text {…} みたいな書き方があればいいなと思っています。 これがダメな場合でもprototypeやjquery等のライブラリを使用し シンプルなJavaScriptの記述で実現できればそれを知りたいです。 ・原始的なJavaScriptは使わない ・id・class指定のスタイルシートは使わない ・スタイルシートだけでテキストBOXだけを右寄せにする方法 ・JavaScriptライブラリを使用してテキストBOXだけを右寄せにする方法 ・スタイルシート単独もJavaScriptライブラリを使用しても出来ない場合は  「出来ない」との明言を こんな感じでお願いします。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • IE7でinputタグのtextがはみ出る

    いつもお世話になります。 以下のソースのように、テーブルのtdの中にinputタグのtextを、widthを100%にして配置しています。 IE7でこれを表示すると、はみ出るというか突き抜けるというか、、、 という状態になっています。 これがIE8以上からだと、box-sizingを使用すればうまくいくのですが、IE7以下ではこのCSSは使えません。 IE7において、tdの中にうまく収めるためには、どのようにすればよいのでしょうか。 --------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> </head> <body> <table border="1"> <tr> <th>テキスト</th> <td style="width: 100px;"> <input type="text" style="width: 100%;" /> </td> </tr> </table> </body> </html> --------------------------------------------- 宜しくお願いします。

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

    INPUTタグのTYPEをTEXTにする事によって、 テキストボックスが表示されます。 このテキストボックスに文字が入力されたら通常は左詰めに文字が 入力されますが、これを右詰めに文字を入力させたく思ってます。 このような事って可能なのでしょうか?

    • ベストアンサー
    • HTML
  • disabledを使ってフォントを黒にする方法

    現在作成しているHTMLに 入力不可のテキストを 作りたいと考えています。 下記の様にDISABLEDを使おうと思っているのですが そうするとフォントがグレーになります。 フォントの色を黒にする事は可能でしょうか? ご存知でしたらご教示ください。 よろしくお願いします。 <INPUT TYPE="TEXT" VALUE="AA" DISABLED /> ブラウザ IE6 OS  WindowsXP

    • ベストアンサー
    • HTML
  • <input> タグについて

    HTML内で、複数の<input>タグを持つフォームを使ってデータを入力し、それをPHPプログラムに送るものを作っています。 ある<input>タグの入力が終わった後にリターンキーを押すと、まだ他にも入力したいのがあるのに、すぐにPHPプログラムに飛んで行ってしまいますが、これを、submit ボタンを押したときにだけ飛んでいくようにすることは可能でしょうか? もし可能なら、どのようにするのでしょうか? 詳しい方どうぞ教えてください。お願いいたします。

    • ベストアンサー
    • PHP
  • VB.NETで<Input>タグ、<textarea>タグに値を代入するには?

    VB.NET+Javascriptでプログラミングしているのですが、HTMLに<input>タグ(type=text)、<textarea>タグがありまして、これに値を代入する方法がわかりません。 おしえてくださいーー ※該当タグにJavascriptを使うので、VBのテキストボックスはつかえません><

  • 【htmlタグ】inputタグの書き方について

    現状は <input type="text">のテキスト入力エリアが存在します。 それを<form>タグで囲い、 <input type="button">のボタン押下にてform内容を送信していますが、 ボタンではなく、<a>タグのように、ハイパーリンクのような見た目にしてform内容を送信したいです。 どのように修正すればよろしいのでしょうか。宜しくお願いします。

    • ベストアンサー
    • HTML

専門家に質問してみよう