ballCocos/extensions/ttttttttttttttt/static/style/default/index.css

.closeTab {
	display: flex;
    text-align: center;
    float: left;
    user-select: none;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all 0.1s;
    border-right: 1px solid #565656;
    border-radius: 2px;
    border-left: 1px solid #565656;
    height: 20px;
}

.openTab {
    display: flex;
    background-color: rgb(80 80 80);
    color: #ffffff;
    float: left;
    user-select: none;
    text-align: center;
    -webkit-transition: all 0.1s;
    border-right: 1px solid #565656;
    border-radius: 2px;
    border-bottom: 1px solid #75beff;
    border-left: 1px solid #565656;
    height: 20px;
}

.tabTitle {
	display:inline;           
	word-break:keep-all;      /* 不换行 */
	white-space:nowrap;       /* 不换行 */
	overflow:hidden;          /* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis;   /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
	text-align:center;
	-webkit-transition:all 0.1s;
	padding: 0px 2px;
}

.titleBarFontSize{
	font-size: 12px;
}

.closeBtn {
	color:#ffffff42;
	display:inline;
	cursor:crosshair;
	flex: 1;
	padding: 0px 2px;
}

.closeBtn1 {
	color:#c1c1c1;
	display:inline;
	cursor:crosshair;
	flex: 1;
	padding: 0px 2px;
}


.headIcon {
	height: 16px;
	width: 16px;
	display: inline;
	padding-left: 2px;
}

.headIcon2 {
    height: 16px;
    position: relative;
    top: 3px;
	
}

.tabs{
	display: flex; overflow: hidden;-webkit-transition:all 0.1s;
}

.tabMenu{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.tabMenuBg {
    position: absolute;
    box-shadow: 4px 5px 3px 1px #00000045;
    border: 1px solid #3c3c3c;
}

.tabMenuItem {
    /* border-bottom: 1px solid #8a8a8a; */
    padding-left: 10px;
    padding-right: 20px;
}