如何使用CSS给所有td下的文本框定义样式?

作者&投稿:丰罚 (若有异议请与网页底部的电邮联系)
HTML中有多个table怎么在css中定义TD不同的样式?~

设置每个table的样式,比如class=tab1,class=tab2,然后在样式表设置
.tab1 td{这里为tab1的样式}
.tab2 td{这里为tab2的样式}
而不用一个个去设置td class="xx"了 毕竟比较麻烦。
如下代码:

内容内容在CSS中定义:
.style1 {}.style2 (}
或者是给TD加上class,相同样式用的相同Class,不同样式用的不同Class

最快的办法就是设置每个table的样式,比如class=tab1,class=tab2,然后在样式表设置
.tab1 td{这里为tab1的样式}
.tab2 td{这里为tab2的样式}
而不用一个个去设置td class="xx"了 毕竟比较麻烦。

直接使用css的标签选择器就可以实现

td input[type='text'] {.../*设置需要的样式*/}

举个例子:

  1. 创建Html元素

    <table>
    <tr>
    <td>name</td>
    <td><input type="text"></td>
    <td>sex</td>
    <td><input type="radio" name="sex" checked>男<input type="radio" name="sex">女</td>
    </tr>
    <tr>
    <td>tel.</td>
    <td><input type="text"></td>
    <td>addr.</td>
    <td><input type="text"></td>
    </tr>
    </table
  2. 设置css样式

    table{border-collapse: collapse;}
    td{border:1px solid #ccc;padding:5px;}
    /*设置单元格中文本框的样式*/
    td input[type='text']{border:1px solid green;border-radius:3px;height:30px;}
  3. 观察显示效果



td input[type=text]

input后面跟上text

.td input[type=text] {...}
.td input[type=password] {...}
.td input[type=button] {...}
.td input[type=submit] {...}
。。。

你给要改变颜色的text家个相同的class就行了

怎么用CSS设置网页table边框样式
答:对table设置css样式边框,分为几种情况:1、只对table设置边框 2、对td设置边框 3、对table和td技巧性设置表格边框 4、对table和td设置背景,实现完美表格边框 以下DIVCSS5对以上几种实现html 表格边框样式进行讲解与案例演示。为了便于观察,divcss5均设置所有案例表格为1px实线红色边框为例;table宽度为...

table怎么写CSS让第一行的th占一整行不影响下面的
答:1、新建一个html文件,命名为test.html。2、在test.html文件内,使用table标签创建一个表格,并使用border属性设置表格的边框为1px。3、在test.html文件内,使用tr、td两个标签创建表格为两行两列,代码如下。4、在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在...

如何css让表格td中的文字垂直居中,请注意这都是一行一列的?
答:文字垂直居中的有如下的方法 方法一:valign:middle 代码如下:<table><tbody><tr><td valign="middle">垂直居中</td></tr></tbody></table> 方法二:style="display:table-cell; vertical-align:middle"代码如下:<table><tbody><tr><td style="display:table-cell; vertical-align:middle">...

在HTML标签<td>中定义内部样式表,用该标签对页面表格中的文字进行统一样...
答:【答案】:具体操作步骤如下。(1)打开【新建CSS规则】对话框;在【选择器类型】选项组中选中【标签】单选按钮;在【标签】下拉列表框中输入要定义样式表的标签名称td;选中【仅对该文档】单选按钮来限定所定义的为内部样式表;单击【确定】按钮,打开如图6.28所示的【td的CSS规则定义】对话框。(2)在...

css怎么设置表格居中css设置表格居中对齐
答:中,其实也是html的一个组成部分啊,如果你非要完全用html,那就只能在每个td标签内加入align="center"了。下面是一个例子:html表头不能居中怎么办?首先,打开html编辑器,新建html文件,例如:index.html。在index.html中的style>标签中,输入css代码:body{text-align:center;}table{margin:auto;}。

css,获取td下的div, .a .b td div {...} 为什么css的效果只作用与第一...
答:你这个本来就有问题,td一定要包在TR里面,TR要包在table里面的 多元素或者多类型使用同样式的时候中间要加一个逗号,

css实现表格的td里面的内容居中.
答:css的表格的内容居中有水平居中和垂直居中两种:水平居中写法:<td align="center" valign="middle"> 2.垂直居中写法:<td style="text-align:center;vertical-align:middle;">

css中怎么取到table的下级节点td然后设置它的样式?怎么解决IE不兼容问...
答:给td 定义一个class或id来进行编辑<style>属性!IE兼容的话在<style>属性/(css中) *,body{padding:0;margin:0;}这样定义就可以的,然后自己调一调就没问题了!

急!!!如何用css定义所有表格中嵌套的表格都占满整个表格
答:是占满母表格的一个单元格吧?给子表格加个class或id都可以的 如;<style type="text/css"> .tab{width:100%;height;100%} tab{width:100%; height:100%} </type> <table class="tab">或<table id="tab"> (子表格)子表格的宽高大小就和母表格的那个单元格一样了 ...

css实现表格的td里面的内容居中.
答:范例二、用CSS的text-align 呈现结果 范例二的程式码有两个红色标注的地方,第一个是在表格<table>标签内的「style=" text-align:center; "」,这意思是表格栏位内容的元素全部都预设为水平置中,垂直置中的设定在表格栏位<td>标签内的「vertical-align:middle;」,眼尖的读者可能会发现有一个栏...