Can you take a look at what's wrong with my hover selector?

<el-col :xs="24" :sm="24" class="introduce">
<el-col :xs="24" :sm="6" class="a">
            <div class="intro">dadaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaa</div>
          </el-col>
</el-col>

CSS

  .introduce{
    position: absolute;
    top:930px;
    width:80%;
    left:50%;
    margin-left:-40%;
    background-color: white;
    box-shadow: 0 14px 30px rgba(0,0,0,0.1);
  }
  .intro{
    height: 400px;
    background-color: red;
    margin-top: 25px;
    margin-bottom:25px;
    border: 1px solid rgba(0,0,0,0.07);
    transition: all 0.2s;
    text-align: center;
  }
  .a  :hover {
    border-color:-sharp74d7a5;
    box-shadow:4px 4px 0px -sharp74d7a5 inset, -4px -4px 0px -sharp74d7a5 inset
  }

I only want to have the effect of one picture, but how to correct the effect of not having two pictures?

Html5 css html

Mar.19,2021

.intro:hover {
    border-color:-sharp74d7a5;
    box-shadow:4px 4px 0px -sharp74d7a5 inset, -4px -4px 0px -sharp74d7a5 inset
}

.a:hover {
    border-left: 4px solid red;
    border-right: 4px solid red;  
}

other styles remain the same.

Previous: How does Mobile H5 AJAX support Local file Protocol

Next: How to solve the problem of scale enlarged font blurring?

How to get style attribute values in an inline style
directly above the picture, how to take this top value ...

Html5 css html javascript

Feb.27,2021
How to realize the undo function of drawing on canvas
the only thing I can think of now is to save the current canvas to an array every time I finish drawing, and then take it out of the array when I undo it ...

Canvas html5 css html javascript

Feb.28,2021
The bottom input is always covered by a soft keyboard, has anyone encountered this situation?
sometimes normal and sometimes abnormal, use document.body.scrollTop = document.body.scrollHeight;; on the contrary, input will not be pushed up. Can you give me some advice? Thank you when the keyboard pops up, there is a value in document.body....

Javascript html5 css html node.js

Mar.01,2021
Rendering problems caused by hover + active after absolute positioning
hover flashes when you move it up. ...

Html5 css html

Mar.01,2021
Why are the characters in the html tag garbled, but can be displayed properly on the web page?
recently encountered a problem, in the cat s eye movie official website to see the normal display of numbers on the page, but to check the source code is a white box, can anyone solve the problem? screenshots of some cat s eye movie pages: ...

Javascript html5 css html

Mar.01,2021
Vue keep-alive cannot cache
the scheduling page clicks the order to enter the order details. When you return to the scheduling page, you will request data rendering again. Now you want to return to the previous page without rendering. cannot be cached using keep-alive, and activa...

Node.js html5 css html javascript

Mar.02,2021
How to zoom the chart drawn by canvas
use canvas to draw a chart, but how to implement an adaptive browser ...

Html5 css html javascript

Mar.02,2021
Optimization of dynamic setting scroll bar in Firefox browser
recently, if you want to make a table, you need to fix the header and display the first two columns, because the table has a large number of columns, and the width of the table is more than 7000 px. then I have to do fixed two-column positioning. Calcul...

Html5 css html javascript

Mar.02,2021
How to solve the adaptive form?
there is a demand for the product, and there is no good solution after thinking about it, so I turn to you for help. no, no, no. the requirement is like this: an element (width and height is not fixed, defined according to browser width and height) cont...

Javascript html5 css html

Mar.04,2021
I want to implement such a page, what technologies do I need to use?
A novice at the front end, who knows about html and css for about a month and a half, wants to ask the gods to take a look at it. There is such a page as the first screen, text plus pictures, the first half of the text is fixed, the second half is t...

Front-end javascript html5 css html

Mar.04,2021
How does jq get the date and week of the last seven days
jq gets the date and week of the last seven days, for example: ...

Html5 css html javascript

Mar.04,2021
Video track UI for Video processing
< H2 > encounter an image track that needs to be similar to the figure in a project < H2 > what UI should be used for video tracks like this in the front end, and what common libraries are there < H1 > Thank you! < H1 > ...

React.js html5 css html javascript

Mar.04,2021
Iview framework, how to render colorpicker with render function
The framework is an iview,table component that renders the colorpicker component with the render function. However, an error is reported, indicating that the component is not registered. Code on I commented out the render function, and the compon...

Html5 css html javascript

Mar.07,2021
On some Android machines, the last word of Mini Program's text changes lines.
1. Recently, I have been doing a WeChat Mini Programs with such an interface . ,text: Model: OPPOR11S 2. Code: < view style= background-color:white;margin-top:20rpx;margin-bottom:40rpx;height:88rpx;width:100%;display:flex; > < text style= ...

Html5 css html

Mar.07,2021
How to use the false of confirm to cancel the handover of option in select?
suddenly came up with a question: can I use the false of confirm to cancel the switching of option under select? ` < select name= " " id= "sel " > <option selected value="">coder s life< option> <option value=""&g...

Html5 css html javascript

Mar.09,2021
Can Wechat Xiaocheng tcp link the equipment of the intranet?
can Wechat Xiaocheng tcp link to intranet devices? ...

Mini-Program html5 css html javascript

Mar.09,2021
How to use flv.js? for vue
how to use flv.js to make a live video http-flv vue? ...

Html5 css html javascript

Mar.12,2021
How does Chrome check to see if there is JS code running?
We found that sometimes browsers get stuck, especially in the case of a code loop, so we wonder if there is JS code running. at present, we have two ways to judge: 1. Add console.log output everywhere, and then see if the output is continuous 2. Che...

Html5 css html javascript

Mar.12,2021
How do vue packaged dist files open and display in beego?
...

Html5 css html

Mar.14,2021
Using turn.js, in vue, can the content in the effect of flipping books be a html file (component)
now I need to realize the effect of flipping books in a single-page mobile application based on vue. Can I only play pictures? can I put the introduced components ?...

Vue.js html5 css html javascript

Mar.16,2021