-1

こんにちは私はfont-sizeを適用してサイトを改善する方法を教えてください：そしてサイト全体にbodyタグを追加するデフォルトのfont-sizeを適用したくありません。cssをform＃contactに適用して、すべてのフォームの要素に適用する場合、次のようなものが必要です。form ＃contact（テキストの魔法のプロパティ）{font-size：16px; 注：jqueryではありません


<form id="contact" method="post" accept-charset="UTF-8" action="/feedback">
    Tell us how we can improve site:
    <div id="edit-name-wrapper" class="form-item">
    <label for="edit-name">Your name: </label>
    <input type="text" value="" size="60" id="edit-name" name="name" maxlength="255">
    </div>
</form>
4

5 に答える 5

3

テキストを選択するためだけの魔法の特性はありません。

いくつかのオプションがあります。

  1. font-sizeフォーム要素を追加します
  2. テキストを<p>タグなどのHTML要素に入れます。

あなたの場合、その要素<fieldset>の代わりに使用する方が良いかもしれません。それから、「サイトを改善する方法を教えてください」という文字列にaを使用することができます。<div><legend>

コードは次のようになります。

<form id="contact" method="post" accept-charset="UTF-8" action="/feedback">
    <fieldset id="edit-name-wrapper" class="form-item">
        <legend>Tell us how we can improve site:</legend>
        <label for="edit-name">Your name: </label>
        <input type="text" value="" size="60" id="edit-name" name="name" maxlength="255">
    </fieldset>
</form>

ただし、既存のHTMLに要素を追加できない場合は、CSSで次のようにすることができます。

form#contact {
    font-size: 24px; /* makes all text within form 24 pixels */
}
form#contact label,
form#contact input {
    font-size: 12px; /* makes input and label text 12 pixels */
}
于 2013-02-16T06:52:53.380 に答える
1

それを段落タグに保持し、スタイルを設定します。

于 2013-02-16T06:51:59.853 に答える
0

あなたが探しているものは存在しません。テキストをSPANタグで囲みます

于 2013-02-16T06:53:07.923 に答える
0

「サイトを改善する方法を教えてください」をdiv内に配置し、それにクラスまたはIDを指定してから、CSSでフォントサイズを適用してみませんか。

于 2013-02-16T06:55:54.750 に答える
0

注：jQuery：PGuttedなしでは見たことがありません。

残念ながらコメントできないようですので、誰かの答えを盗んでいるような気がします

この投稿をチェックしてください-.text（）を使用して、子タグにネストされていないテキストのみを取得します ＃

いくつかのセクシーなjQueryで強打し、このコードはあなたが望むことをしませんが、それは子供ではないテキストだけを取得します！

    $(document).ready(function(){
     var $tmp = $('#listItem').children().remove();
     $('#listItem').text('').append($tmp);
});

編集：この答えにさらに追加して、私のJsをいじるcurrnyl';）

完了しました:)

コードをお楽しみください

http://jsfiddle.net/G7kvH/

    $(document).ready(function(){
    $('#listItem').children().css("color","red");

});


<div id='listItem'>
    ewrt
    ert
    ert
    ert
    <div>sfdsfsdf</div>
    <div>sfdsfsdf</div>
    <div>sfdsfsdf</div>
    <div>sfdsfsdf</div>

    ert
    ert
    ert
    ert


    <div>sfdsfsdf</div>
    <div>sfdsfsdf</div>
    <div>sfdsfsdf</div>
</div>
于 2013-02-18T16:20:13.900 に答える