-1

嗨，我想应用字体大小来告诉我们如何改进网站：并且不想应用为整个网站添加正文标签的默认字体大小。如果我将 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. 将您的文本放入 HTML 元素（如<p>标签）中。

在您的情况下，使用<fieldset>而不是该<div>元素可能会更好，然后您可以将 a<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

为什么不将“告诉我们如何改进网站”放在 div 中并为其提供类或 id，然后在 CSS 中应用字体大小。

于 2013-02-16T06:55:54.750 回答
0

你要找的东西不存在。用 SPAN 标签包围你的文本

于 2013-02-16T06:53:07.923 回答
0

注意：从未见过没有 jQuery :P Gutted。

不幸的是，我似乎无法发表评论，所以觉得我在窃取某人的答案

查看这篇文章 -使用 .text() 仅检索未嵌套在子标签中的文本 #

在一些性感的 jQuery 中爆炸，这段代码不会做你想要的，但它只检索文本，而不是儿童！

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

编辑：在这个答案中添加更多内容 currnyl 摆弄我的 Js' ;)

OK完成 ：）

享受代码

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 回答