革命滑块自定义光标宽度问题

Question

我正在尝试构建的滑块是这样的：

marcusbredt.de

我正在研究的 wordpress 主题是使用革命滑块。 html和css是：

#content .tparrows,
#content .hesperiden.tparrows {
	background: transparent;
	width: 44px;
	height: inherit;
	border-radius: 0;
	top: 50% !important;
	-webkit-transition: background linear .1s, color linear .1s, box-shadow linear .1s;
	-moz-transition: background linear .1s, color linear .1s, box-shadow linear .1s;
	-o-transition: background linear .1s, color linear .1s, box-shadow linear .1s;
	transition: background linear .1s, color linear .1s, box-shadow linear .1s;
	text-align: center;
	overflow: hidden;
}

<div class="tp-leftarrow tparrows hesperiden  noSwipe" style="top: 50%; transform: matrix(1, 0, 0, 1, 250, -145); left: 0px;"></div>

<div class="tp-rightarrow tparrows hesperiden  noSwipe" style="top: 50%; transform: matrix(1, 0, 0, 1, -344, -145); left: 100%;"></div>

最初的宽度和高度是 44 像素，我想在单击鼠标的任何地方单击并更改幻灯片。当我将高度更改为继承工作正常时，无法找到如何处理宽度。如果我给一个 px 值在一个屏幕结果中可以正常工作，则在下一个屏幕中不起作用。 谢谢

Answer 1

试试这个 CSS 代码：

.hesperiden.tparrows {
width: 50%;
height: 100%;
}