ポートフォリオのウェブサイトを完成させようとしているのですが、この恐ろしい連絡フォームで立ち往生しています。
ここに私のウェブページがあります.. www.heatherkirk.net/contact.php
Chrome と (この 2 つは似ているので Safari だと思います) では、テキストエリア ボックスは他のブラウザーとは異なって見えます。黒のアウトラインだけでなく、Chromeのコメント部分全体で暗い色を上に、明るい色を全体に表示する方法を考えています。誰かが私を助けることができれば、私は感謝します!
さて、Chrome のプロパティ インスペクター (右クリック、要素の検査) は、入力に がborder: 2px insetあり、テキスト領域に があると表示しますborder: 1px solid。それを変えてみては？
ただし、 Firefox のプロパティ インスペクタには の値がまったく表示さborderれないtextareaため、(スタイルシートを調べて) を適用したと思われますが、テキストエリアには をborder-radiusまったく設定していません。borderたまたま、Firefox のデフォルトtextareaには2px inset境界線があり、Webkit (Chrome/Safari) には境界線があり1px blackます。
border: 2px insetスタイルに aを追加textareaすれば、それで十分です。
外すとborder-radius黒枠が消えます。
ただし、角を丸くする必要がある場合はborder-width:0px、テキストエリア スタイルに追加するだけです。
上記のユーザーのようにborder:solid 1px;、デフォルトの色が黒の場合は、それを少し調整します。
border:0 none;CSSのテキストエリアに設定