2017-02-14 5 views
-1

これは、ユーザーが独自のテキストを入力するテキストボックスのコードです。しかし、私はフォントを太字にする必要があります。どのように私はCSSを使ってこれを行うことができますか?フォームブロックでフォントを太字にするにはどうすればよいですか?

<form> 
    Enter Text:<br> 
    <input type="text" name="your text" id="entertext"> 
</form> 
+3

の可能性のある重複した[フィールドからで太字:?](http://stackoverflow.com/questions/5323508/bold-text-in-the-field-input) –

答えて

0

使用この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> 
+0

これはうまくいきました。ボタンを使ってフォントを通常のフォントから太字に切り替える方法を私に教えてもいいですか? –

+0

私のEDITをチェックしてください! ;) –

0

試してみてください。

form { 
    font-weight: bold; 
} 
1

試してみてください。

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をチェックする(フォームに多くを追加すると仮定した場合)太字になります。

注意点として

0

form input { 
 
    font-weight: bold; 
 
}
<form> 
 
    Enter Text:<br> 
 
    <input type="text" name="your-text" id="entertext"> 
 
</form>
:スペースを含めることはできませんあなたの入力のname属性。あなたはこれがあなたのプレースホルダーテキストとしてのようなプレースホルダの属性を使用する場合:CSS以下 <input type="text" name="your-text" id="entertext" placeholder="Your Text">

0

試して

input[type=text]{font-weight:bold} 
関連する問題