Questions tagged [hover]

Hover refers to the action of placing the mouse cursor over a given element. Hover can also refer to an event in which a user on a touch-enabled device touches a given element.

Filter by
Sorted by
Tagged with
0 votes
3 answers
36 views

How can I achieve a cursor hover affect when hovering over an inner element? (CSS)

I am trying to achieve a help cursor when hovering over a button, but the issue is I can't set the hover effect on the button itself (I only want to affect certain buttons and its not possible to set ...
Sherbet Head's user avatar
0 votes
0 answers
15 views

Map hovering function with labeled texts

I would like to make a map in HTML/CSS/JAVA. The different countries on this map, should be filled out with a specific colour when I hover the mouse on it. Also for this hover, the specific text ...
Bence Nagy's user avatar
0 votes
1 answer
13 views

How to get clicks from multiple same buttons on diferent divs?

This code generates x amount of divs and x amount of buttons in them for(var i = 0; i < h; i++){ var div = document.createElement("div"); div.id = i.toString(); div....
SITRUUNA's user avatar
0 votes
2 answers
37 views

Should I use CSS or Javascript for this hover use case? [duplicate]

I'm building a site where there is an image and icon within a container. I want to be able to hover over the container and the image would move up by 40px, icon would move right by 40px. Do I need to ...
btothemoon's user avatar
-1 votes
2 answers
34 views

css with alternate row colours, hover and reveal

I have a table of six columns. The table is formatted with odd and even row colours with current row highlighted with different colour. I am using this table to list pdf documents which can be ...
DoYeKen's user avatar
  • 13
0 votes
0 answers
42 views

weird glitch when hovering over between 2 text items

I have a weird glitch in my website and I hope someone can help me. I created a list of items, each one with a header and some content. The items are closed when the website starts, and only the ...
Esteban Barco's user avatar
-1 votes
0 answers
35 views

hover using CSS in a JavaFX APP using VScode doesn't work on the App running [closed]

App Code: package sample; import javafx.application.Application; import javafx.fxml.FXMLLoader; import javafx.scene.Parent; import javafx.scene.Scene; import javafx.stage.Stage; import javafx.stage....
Marcus César Santos Pereira's user avatar
1 vote
1 answer
34 views

How to make smooth expansion animation with icon appearance in css?

I have this piece of code which consists of a featured blog post section on my website. I made an icon to appear when hovering the .read-further, however it doesn't really do a smooth transition ...
1mm4nu3l's user avatar
0 votes
0 answers
18 views

I apply Scale on hover but when my icon goes back I want the icon speed to slow as compared to hovering

Description: I have an icon I apply scale property on hover and transition as well in class , but when I hover the icon it scales fast that's prefect for me but when I remove hover I need to slowly go ...
Anees Ur Rehman Mian's user avatar
0 votes
1 answer
55 views

Random characters being deleted from paragraph element after hovering over them

I have two paragraphs that are comprised of 8 rows that each contain 12 characters. The characters are either random symbols or full words whose positions are random. My code is supposed to highlight ...
someCoder21's user avatar
-1 votes
0 answers
29 views

Hover zoom-in CSS

I am trying to get a zoom-in effect on hover for my images inside a gallery. However, the center image is always showing a weird scaling or margin issue that I cannot get rid of. The issue is only ...
Bastizor's user avatar
-1 votes
2 answers
60 views

:hover not working, I've tried with everything I can think of

I have a Container in a div with WoodMineOwned id, when my mouse hovers over it I want the Wood ToolTip to show but it won't <!-- TAB 1 ~Mines~--> <div class="container"> <...
Gaming_Cruiser's user avatar
0 votes
3 answers
24 views

Hover effect in CSS stops working on certain elements once I change theme of the page, including the element, using Javascript

I'm working on a portfolio website and I have a menu bar at the top with 3 buttons. My issue is that, when I change the theme of the page from dark to light with a toggle, effects on hover for some ...
Karan Hathwar's user avatar
0 votes
2 answers
40 views

How to disable hover effects on outer div when hovering over inner div?

I have an outer div with hover effects and a button inside. I am trying to disable the hover effect on the outer div when I hover over the inner button but am failing to do so. .container { ...
Sherbet Head's user avatar
1 vote
0 answers
20 views

How can I give a rolling effect to a text with the hover?

The hover effect I'm trying to create for the link Resume. What I'm trying to do is make a rolling effect when hover effect is applied to the resume link. When the user applies the hover effect, the ...
ckot234's user avatar
  • 23
-1 votes
0 answers
25 views

Add to Cart Icon on Hover for Mobile

Can someone please help me with the following problem. I am using a theme (Flatsome) purchased from Themeforest.net The "Add to Cart" icons are set to display on "hover" for ...
Majesti's user avatar
0 votes
1 answer
33 views

HTML/Sass: Position of tooltip broken when multi-line

I have the following code for a tooltip in my current project: HTML: <div class="tooltip"> <img class="icons" src="(...)" alt="Icon"/> <span ...
erniberni's user avatar
  • 311
0 votes
0 answers
12 views

How to make an :hover sub-menu not disapear when not pointing the main menu anymore ? (HTML - CSS)

My drop-down menu disappears when I stop pointing at the main menu with my mouse. I'd like the submenu to appear only when I hover over the menu with my mouse, but I don't want it to disappear when I ...
loic's user avatar
  • 1
0 votes
0 answers
21 views

Hover Effects for Wordpress Cards

I am working on a wordpress website, with the Avada theme. I have created these cards for events. The client wants the hover effects for this card for the text to turn white while the two container ...
8BitFire's user avatar
-1 votes
0 answers
17 views

Change image in div without changing it's alignments and positions. And change the font-color as well

There is a div which has an image and a p tag. so what I want is that when I hover i want the div to change it's background-color, font color of the p tag and change the image with the other without ...
Yash Vyas's user avatar
-1 votes
1 answer
22 views

Why that CSS :hover pseudo class not working? [duplicate]

i'm beginner and i try to design a navigation bar . i need to scale up item's size when it hover . I write css code for that but it didn't work. so i need your help The css code i wrote mentioned ...
4U FROM ME's user avatar
-1 votes
3 answers
44 views

Style element and ::before on hover

I'm trying to use CSS to make the text "Permits Required" and the ::before pseudo-class turn red - the ::before contains an icon. .knHeader__menu-list-item:hover::before { color: #...
rainybird's user avatar
0 votes
0 answers
12 views

Will hover suggestions for java (any IDE) work if source code is not there but JavaDocs are shipped with the JAR?

Will hover suggestions for java (any IDE) work if source code is not there but JavaDocs are shipped with the JAR? I tried few things on VsCode: Code refering to class from JAR with "source code&...
jaimal singh's user avatar
0 votes
1 answer
46 views

:hover not working JavaFX CSS for FontAwesomeIconView

I've got a problem where the :hover CSS option is not working properly. This is the CSS: .body:hover { -fx-background-color: #b8fffd; } .exitIcon:hover { -fx-fill: gray; } The body hover ...
Tymo Tymo's user avatar
-1 votes
0 answers
61 views

vscode java debugger variable hover shows variable type and not value

I have an existing (old) gradle Java project where the Java debugger shows variable values upon hover which still works as expected on other Macs. On a new Mac air running VS Code 1.81.1 and Java ...
JonB's user avatar
  • 91
1 vote
2 answers
59 views

Changing hover color of a TButton in a C++Builder Firemonkey program

Is there a way of changing the mouse hover color of a styled TButton in a C++Builder Firemonkey app for Windows? Eg: I have a TButton on a form that uses the AquaGraphite style. The button is a start /...
Drewski7280's user avatar
0 votes
1 answer
39 views

Can I change the data displayed on hovering over a bubble chart in highcharts?

Can I hover over the bubbles in a bubble chart and display different data instead of the data points (x and y axis data)? Picture of current bubble chart Rep names in a single line Rep names list
Carine D'Mello's user avatar
1 vote
1 answer
43 views

Remove Hover action when target is clicked

I have a button and there are event listeners to display a tool tip text paragraph on hover and also one to remove the text display on mouseleave. The button also has an Onclick event that opens an ...
Mal's user avatar
  • 3
2 votes
1 answer
42 views

How do I add more data to the hover of a density heatmap in Plotly?

I have a density heatmap using the Plotly library, specifically Plotly Express for Python. In it, the x-axis corresponds to the 'Father's Education' column from the 'total' dataframe, the y-axis ...
Jorgefreires's user avatar
-2 votes
1 answer
66 views

Change Text On Hover With Special Cursor [closed]

Please guide me on how to change text on hover, similar to the monopo website. I do not require the background. Only a simple circle effect (like a coloured background) and the text changing would do. ...
Niranjan's user avatar
0 votes
1 answer
33 views

Adding :hover programatically to multiple elements [closed]

Is it possible to programmatically add hover to multiple elements? In our system, there are more elements representing a single unit (yet they need to be separated into more elements for other reasons)...
Martin Janíček's user avatar
0 votes
1 answer
42 views

SelectboxMixin.selectbox() got an unexpected keyword argument 'hover_data'

I was developing the webapp for data science and stuck on the selectbox hover_data feature , it seems its no loger supports the hover_data. While implementing the selectbox in streamlit webapp it ...
Sandesh-buggybuf's user avatar
0 votes
0 answers
20 views

Active page Dropdown Menu Hover not working

I am creating a website using wordpress/elementor. I changed the colors for the main menu in Customize. They work fine but not for the active page, where the hovering doesn't work. I am not familiar ...
Luisa Serra's user avatar
-1 votes
1 answer
24 views

Hover expand issue on webpage

I have this code for my website where the blocks are supposed to expand into the middle, but when i hover over the blocks on the right side it will also drag the other blocks with it into the middle. ...
nilsesen's user avatar
3 votes
1 answer
35 views

it's possible to change text properties by custom zone on hover?

Here is my expected Result: Hello everyone, I can not reproduce the result of the image. I would like to get the result of the image, I have a custom cursor, and when I hover over text with I would ...
P3DR0's user avatar
  • 33
0 votes
1 answer
27 views

How do i change an image on hover in tsx?

I have a quick and small question, im trying to replace a picture when hovering and existing picture, all examples i've seen are using links while im using pictures from a folder, local save picture ...
MikeyNeedHelp's user avatar
0 votes
1 answer
66 views

Enable content on row hover in Blazor wasm

I have a Blazor table component with a variable number of rows, based on a collection: <table id="MyTable" class="table table-hover"> <thead> <tr> ...
Divan's user avatar
  • 310
0 votes
1 answer
13 views

HTML/CSS error in creating hover drop down buttons

Desperately trying to make a button version of a navigation bar for a restricted access use to SiteCore for our school website. I have minimal Page Components available but have found a way to create ...
Shiv Walker's user avatar
1 vote
0 answers
28 views

On hover button showed up but it glitches around when entering

I want to implement a simple hover animation. A button should appear when a container is hovered. This also works so far, but the button jerks or enters the box uncleanly. Anyone know a better ...
fevo2's user avatar
  • 13
0 votes
2 answers
35 views

CSS SVG on hover causes cursor bug

I'm trying to make the cursor change to a pointer while hovering over SVG's on my website. But for some reason when I jump between them the cursor looks very weird. Any ideas what might be causing ...
Olote's user avatar
  • 39
0 votes
0 answers
33 views

CSS: Scrollable menu bar with hover

I am trying to create a menu with a CSS hover dropdown, basically following this example https://www.w3schools.com/howto/howto_css_dropdown.asp. However, my menu is very wide and should be scrollable. ...
Julian's user avatar
  • 189
0 votes
0 answers
24 views

hover class is not working. I'm using tailwindcss CLI

<ul class="flex flex-col justify-center items-start gap-2 w-[100%]"> <button class=" action-btn bg-transparent hover:bg-[#272e3f] text-[#fff] opacity-50 hover:...
Majid Ali's user avatar
0 votes
1 answer
21 views

I want that when I hover the mouse over one item of the items, the opacity of my other items will be reduced to 0.5. How can I do it?

I want that when I hover the mouse over one item of the items, the opacity of my other items will be reduced to 0.5. How can I do it? .service-item { padding: 50px 30px 40px; border: 1px solid ...
constobidullah's user avatar
0 votes
1 answer
24 views

Using Bokeh HoverTool without Lable only value

I'm using Bokeh HoverTool for a simple circle plot. I want to use HoverTool such that when I move the cursor on a circle I'll see the value, only the value without the label. In my code now when I ...
Eliya's user avatar
  • 119
-1 votes
1 answer
31 views

How to change the rest of background-color when words are rotated with it

I have a navbar and I need to rotate words. That's what I did, but when I rotate it, it will be rotated even with hover and then there are these little space of background-color that are of original ...
Daniel M_D's user avatar
0 votes
1 answer
18 views

Is there a way to remove clicked/hovered/touchstarted/tapped/active/focused status from a link on mobiles?

I tried to find dome duplicates of this question, and there are other threads with the same or with similar questions, but none of these threads include an actual solution. No, blur() doesn't work ...
Edward Munch's user avatar
0 votes
0 answers
22 views

How to remove hover state from the parent of a clicked element on mobile?

I have a tooltip that appears when a toggle is hovered over. On mobile a click on a toggle opens it, and another click anywhere outside of it closes it. I want to make it so a click inside the popup (...
user18102663's user avatar
0 votes
1 answer
31 views

why hover is not working and styles not showing?

I'm designing a navbar and my hover doesn't work. when i hover on "man" item in my dropdown its hover style, doesn't work and doesn't show styles in Inspect. what is the problem? this is my ...
parham mazahery's user avatar
1 vote
2 answers
43 views

is there a way to hover over a text and show some other text? which is in another div

So i saw these post 1 and this one for hover on div to change another div 2 on which you hover over some image and it shows the text I tried doing it with text and it works just fine. Now i tried to ...
Me Kool's user avatar
  • 13
-2 votes
2 answers
42 views

Why is my :hover css attribute not working?

I am making a website to hold all my projects, and I want an effect on where you hover over a Font awesome icon, it pulses in and out, however the :hover effect isn't working at all. Even trying to ...
DamilolaOwonibi's user avatar

1
2 3 4 5
214