これは、ユーザーが独自のテキストを入力するテキストボックスのコードです。しかし、私はフォントを太字にする必要があります。どのように私はCSSを使ってこれを行うことができますか?フォームブロックでフォントを太字にするにはどうすればよいですか?
<form>
Enter Text:<br>
<input type="text" name="your text" id="entertext">
</form>
これは、ユーザーが独自のテキストを入力するテキストボックスのコードです。しかし、私はフォントを太字にする必要があります。どのように私はCSSを使ってこれを行うことができますか?フォームブロックでフォントを太字にするにはどうすればよいですか?
<form>
Enter Text:<br>
<input type="text" name="your text" id="entertext">
</form>
使用このCSS:
form {
font-weight: bold;
}
あなただけのテキストをしたい場合は、ユーザが入力さ、大胆なことのために行くだろう。
form input {
font-weight: bold;
}
EDIT
何かこのように動作しますが、jQueryが必要です:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<style>
.bold {
font-weight: bold;
}
</style>
</head>
<form id="form">
Enter Text:<br>
<input type="text" name="your text" id="entertext"><br />
<button id="toggle">Toggle Weight</button>
</form>
<script>
jQuery('#toggle').on('click', function(e) {
jQuery('#form input[type="text"]').toggleClass("bold"); //you can list several class names
e.preventDefault();
});
</script>
これはうまくいきました。ボタンを使ってフォントを通常のフォントから太字に切り替える方法を私に教えてもいいですか? –
私のEDITをチェックしてください! ;) –
試してみてください。
form {
font-weight: bold;
}
試してみてください。
form {
font-weight: bold;
}
<form>
Enter Text:<br>
<input type="text" name="your text" id="entertext">
</form>
しかし、私はあなたが入力フィールドとスタイルそのためlabel
を使用することをアドバイスします。それ以外の場合は、フォームの残りの部分はまた、詳細情報については
form label {
font-weight:bold;
}
<form>
<label for="entertext">Enter Text:</label>
<input type="text" name="your text" id="entertext">
</form>
がHTML Tagをチェックする(フォームに多くを追加すると仮定した場合)太字になります。
注意点としてform input {
font-weight: bold;
}
<form>
Enter Text:<br>
<input type="text" name="your-text" id="entertext">
</form>
<input type="text" name="your-text" id="entertext" placeholder="Your Text">
試して
input[type=text]{font-weight:bold}
の可能性のある重複した[フィールドからで太字:?](http://stackoverflow.com/questions/5323508/bold-text-in-the-field-input) –