Html 我无法获取要在此引号滑块上显示的文本

引号滑块似乎没有加载文本，按钮和点在那里，但是中间的实际引号没有显示在它们里面，只是一捆点和按钮小心地放在屏幕中央，引号应该在那里。如何使引号显示在滑块按钮中 HTML

---

你所有的

.mySlides

都被设置为

显示：none

，我想应该有一些JS来控制这个？将它们设置为

块

，我觉得很好。谢谢你注意到了这一点。

            <div class="testimonials">
        <div class="slideshow-container">
            <div class="mySlides">
                <q>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores, vel?</q>
                <p class="author">Name Name</p>
            </div>
            <div class="mySlides">
                <q>Quibusdam adipisci ab explicabo. Porro exercitationem delectus nam unde corporis.</q>
                <p class="author">Name Name</p>
            </div>
            <div class="mySlides">
                <q>Beatae saepe ab sed, nihil perferendis et, pariatur dolores! Vel.</q>
                <p class="author">Name Name</p>
            </div>
            <a class="prev" onclick='plusSlides(-1)'>&#10094;</a>
            <a class="next" onclick='plusSlides(1)'>&#10095;</a>
        </div>
        <div class="dot-container">
            <span class="dot" onclick='currentSlide(1)'></span>
            <span class="dot" onclick='currentSlide(2)'></span>
            <span class="dot" onclick='currentSlide(3)'></span>
        </div>
        </div>

    .testimonials {
        height: 800px;
    }

    .slideshow-container {
        position: relative;
        background: #f1f1f1;
    }

    .mySlides {
        display: none;
        padding: 80px;
        text-align: center;
     }

    .prev, .next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        margin-top: -30px;
        padding:16px;
         color: #888;
        font-weight: bold;
        font-size: 20px;
        border-radius: 0 3px 30px 0;
        user-select: none;
    }

    .next {
        position: absolte;
        right: 0;
        border-radius: 3px 0 0 3px;
     }

     .prev:hover, .next:hover {
          background-color: rgba(0,0,0,0.8);
          color:white;
     }

      .dot-container {
           text-align: center;
          padding: 20px;
         background: #ddd;
    }

    .dot {
         cursor: pointer;
         height: 15px;
         width: 15px;
         margin: 0 2px;
         background: #bbb;
         border-radius: 50%;
         display: inline-block;
         transition: background-color 0.6s ease;
     }

.active, .dot:hover {
    background: #717171;
}

q {
    color: #1c1c1c;
    font-style: italic;
}

.authour {
    color: aqua;
}