Set the width of el-option to be the same as el-select, and the content of the option exceeds the display scroll bar

tags: element-ui  Vue

 

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
</style>
<!-- globe css -->
<style lang="scss">
.el-select-dropdown{
  max-width: 40%;
}
.el-select-dropdown__item{
  overflow: visible;
}
</style>

 

Intelligent Recommendation

Insert the picture in EL-Option in Elementui El-SELECT

Insert the picture in EL-option in EL-SELECT First look on code Item.DefaultImage is back to the image resource location on the server is as simple as Try it out....

Elementui, selected pictures in El-option in El-SELECT

Elementui, selected pictures in El-option in El-SELECT Renderings Code index.vue...

ElementUI, EL-SELECT drop-down option The last content is highly unopened

Recently, I found that when I opened the box, I found that the last item showed the incomplete problem. I saw it later, I think it is Element problem, as shown below: Later, it was found to have a hig...

EL-SELECT drop-down box option text content is too long

Many times the content of the pull box is uncontrollable, if the drop-down box option is too long, it will make it very uncomfortable, the solution is that the single line will omit the text prompt. T...

More Recommendation

How to set the div content width to be left and right after it exceeds the border, and does not display the scroll bar?

How to set the div content width to be left and right after it exceeds the border, and does not display the scroll bar? pure handwriting scroll bar hidden on the line CSS:...

EL Expression Select the option of select SELECT

Error solution: First type: solution Use the JS method to load the binding Second solution: Case: Recommended second solution...

Loop through the el-select, realize the corresponding selection of el-option, and get the selected content of each drop-down box

The number of el-select drop-down boxes is dynamically generated based on the background data, so el-select only writes one, all v-models also have only one, and the el-option options are the same, so...

El-SELECT removes the scroll bar

The main reason is that the drop-down box El-SELECT-Dropdow and APP are the same level, so it is not effective in the local style. In the future, inadequate pollution, in the Select component, a Poppe...

The display range in Vue is limited, and El-option exceeds the element display range when the element is rolled

First of all, thank you for some answers you found when you encounter a problem, and refer to the excellent article:ELEMENT-UI El-option's problem of El-option beyond the elemental area-Juejin.cn The ...

Copyright  DMCA © 2018-2026 - All Rights Reserved - www.programmersought.com  User Notice

Top