我如何从“ TR”的css样式的突出显示的选定行中排除按钮功能?

问题描述 投票:1回答:1

嗨,猜猜。我将向您展示代码的零碎部分。希望您能给我正确的答案。 首先我有CSS代码,其中线条的结构如下所示:

<style type='text/css'>
.gridview {
    display: inline-block;
    border-collapse: collapse;
    margin: 0px 4px 4px 0;
    box-shadow: 3px 3px 4px #bbb;
}

.gridview, .gridview td {
    margin: 0;
    border:  1px solid #cccccc;
}

.gridview tr {
    background: #F4F9FD;
}

.gridview tr:nth-child(odd) {
    background-color: #EDF5FC;
}

.gridview tr:nth-child(even) {
    background-color: #F4F9FD;
}

.gridview td {
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
}

.gridview td {
    padding: 4px 10px 5px 9px;
}

.gridview tr:hover td, .gridview tbody tr:hover td {
    background-color: #feb4cc;
    cursor: pointer;
    color: white;
}

.gridview .selected, .gridview tbody .selected {
    background-color: #E74C3C;
    color: #fff;
}

button {
    display: none;
}

td:hover button {
    display: block;
    margin: -1px -8px 0px 0px;
    padding: 0px 2px 0px 2px;
    cursor: pointer;
    float: right;
}
</style>

Secondly我有点[像这样:

function highlight(e) { if (e.className == 'selected') { e.className = e.className.replace('selected', '');} else { e.className += 'selected'; } } function toClipboard(e) { var cell = e.parentNode, copyText = cell.getElementsByTagName('span'), selection = window.getSelection(), range = document.createRange(); range.selectNodeContents(copyText[0]); selection.removeAllRanges(); selection.addRange(range); document.execCommand('copy'); } </script>
最后[内容的

Thirdly

在下面的下方看到:<table border=1 class='gridview'> <colgroup> <col width='135'/> <col width='130'/> <col width='250'/> </colgroup> <tr OnClick=highlight(this)> <td><span>Row 1 Column 1 of Loren Ipsum</span><button onclick=toClipboard(this)><small>Copy</small></button></td> <td><span>Row 1 Column 2 of Loren Ipsum</span><button onclick=toClipboard(this)><small>Copy</small></button></td> <td><span>Row 1 Column 3 of Loren Ipsum</span><button onclick=toClipboard(this)><small>Copy</small></button></td> </tr> <tr OnClick=highlight(this)> <td><span>Row 2 Column 1 of Loren Ipsum</span><button onclick=toClipboard(this)><small>Copy</small></button></td> <td><span>Row 2 Column 2 of Loren Ipsum</span><button onclick=toClipboard(this)><small>Copy</small></button></td> <td><span>Row 2 Column 3 of Loren Ipsum</span><button onclick=toClipboard(this)><small>Copy</small></button></td> </tr> </table>

问题是

如果我不希望同时单击运行的[[toClipboard()函数的按钮时不希望包括突出显示的选定行,该怎么办?] >无论如何,在此先感谢您抽出宝贵的时间来阅读此踩任何帮助将不胜感激,谢谢您再一次感谢我英文不好...嗨,猜猜。我将向您展示代码的零碎部分。希望您能给我正确的答案。首先,我有CSS代码,其中的线结构看起来很...
css google-apps-script google-sheets stylesheet spreadsheet
1个回答
0
投票
© www.soinside.com 2019 - 2024. All rights reserved.