设置border一开是不显示，等点击了之后就显示样式

可以使用JavaScript来实现这个效果。具体实现方法如下：

1. 首先在CSS中设置好border的样式，但是将其visibility属性设置为hidden，这样一开始就不会显示出来。

.myDiv {
  border: 1px solid black;
  visibility: hidden;
}

2. 在HTML中给需要添加这个效果的元素添加一个点击事件，当点击时，使用JavaScript来将其visibility属性设置为visible，这样就可以显示border了。

<div class="myDiv" onclick="showBorder()">Click me to show border</div>

<script>
function showBorder() {
  var myDiv = document.querySelector('.myDiv');
  myDiv.style.visibility = 'visible';
}
</script>

这样当用户点击这个元素时，就会显示出border了。

相关问题

Qlabel设置borderbottom不显示 qlabel怎么添加点击事件

如果设置QLabel的border-bottom无法显示，可能是因为QLabel默认的边框不是透明的，可以尝试设置QLabel的边框为透明：

label.setStyleSheet("QLabel{border-bottom: 1px solid blue; border-color: transparent;}")

对于QLabel的点击事件，可以通过设置QLabel的鼠标按下事件来实现：

class MyLabel(QLabel):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.setText("<u>点击我弹出菜单</u>")
        self.setAlignment(Qt.AlignCenter)
        self.setContextMenuPolicy(Qt.CustomContextMenu)
        self.customContextMenuRequested.connect(self.showMenu)
        self.setStyleSheet("QLabel{border-bottom: 1px solid blue; border-color: transparent;}")

    def mousePressEvent(self, event):
        if event.button() == Qt.LeftButton:
            print("左键点击了QLabel")

    def showMenu(self, pos):
        menu = QMenu(self)
        action1 = QAction("菜单项1", self)
        action2 = QAction("菜单项2", self)
        menu.addAction(action1)
        menu.addAction(action2)
        menu.exec_(self.mapToGlobal(pos))

在上面的代码中，重写了QLabel的mousePressEvent()函数，当鼠标左键点击QLabel时，会输出一条信息。

element ui表格设置border属性后拖动行，内容依旧是显示省略号

在 Element UI 表格中设置 border 属性后，拖动行时内容依旧显示省略号，可能是因为表格的列宽度设置过小，导致内容被截断。您可以尝试调整表格列的宽度，或者增加表格的宽度，以便内容能够完整显示。同时，您也可以尝试设置表格列的 ellipsis 属性为 false，这样可以取消内容的省略号显示。例如：

<el-table-column prop="name" label="姓名" width="120" :ellipsis="false"></el-table-column>