Question

My HTML: <tr><td>Text</td><td><input type="text" value=""></td></tr>

My CSS: input:focus tr{ background-color:#fff;}

在我撰写投入领域的文本时,我要强调一行。我知道在“投入”之前是“减”的,但这样做是可能的。

Thanks a bunch

Answer 1

可悲的是,无。见。 CSS 在职儿童父母的选定人

http://jsfiddle.net

Answer 2

利用JQuery非常可能。观察:

<><><><>>><>>>>><>>>>>>

<table border="1" cellpadding="20">
    <tr>
        <td>Text</td>
        <td height="50" width="100" id="somename"><input type="text" value="" id="mirza"></td>
    </tr>
    <tr><td>&nbsp;</td><td>&nbsp;</td></tr>
    <tr><td>a&nbsp;</td><td>1&nbsp;</td></tr>
    <tr><td>a&nbsp;</td><td>1&nbsp;</td></tr>
    <tr><td>a&nbsp;</td><td>1&nbsp;</td></tr>
    <tr><td>a&nbsp;</td><td>1&nbsp;</td></tr>
    <tr><td>a&nbsp;</td><td>1&nbsp;</td></tr>
</table>

CSS

.highlightedRow { background-color: orange; }

Jquery

$( input ).focus(function() {
    $(this).parent().parent().addClass( highlightedRow );
});

$( input ).blur(function() {
    $(this).parent().parent().removeClass( highlightedRow );
});

Answer 3

令人痛心的是,没有办法将母子同心协力,因此你不得不使用 j。

Answer 4

This is good for when you are generating a lot of similar rows (looping through large datasets, etc): Script:

function rowSet(data_id){
    document.getElementById( row_  + data_id).style.backgroundColor =  blue ;
}
function rowReset(data_id){
    document.getElementById( row_  + data_id).style.backgroundColor =   ;
}

机构:

<body>
    <form>
        <table>
            <tr id="row_#data_id#">
                <td><input name="input1_#data_id#" onFocus="rowSet(#data_id#);" onBlur="rowReset(#data_id#);"></td>
                <td><input name="input2_#data_id#" onFocus="rowSet(#data_id#);" onBlur="rowReset(#data_id#);"></td>
            </tr>
        </table>
    </form>
</body>

你们也可以使用“目前”或你喜欢的任何东西。

Answer 5

这一分类法应当做到:

$( input ).focus(function() {
    $( tr ).css("background-color", "#c00");
});

Demo rel=“nofollow>here

友情链接