html - Styling an anchor tag to look like a submit button -


I have a form where "submit" button and "cancel" is anchor. I HTML is: 

  & lt; Input type = "submit" value = "submit" /> & Lt; A href = "some_url" & gt; Cancel & lt; / A & gt;

I want to see and do the same thing for both. Nothing fancy, just look at the "How to Ask Questions" anchor anything on the stack overflow.

I can hover the bounding box, background color, and background color to look at both of them alike, but I can use height and vertical alignment to play well with each other. Can not get enough. I will post my CSS but there is such a disturbance at this point that I think it may be easier to start with scratch, the CSS layout of a ladder is working, then proceed from there.

I know that I can use one instead of an anchor and hook onClick events to delete again. At this point it is almost a matter of principle that this is the use of an anchor (and there are web spider ideas to pay attention to here). "Itemprop =" text ">

You can find it with simple style, it would be best to: 

  .likeabutton {text-decoration: none; font: menu; display: inline-block ; Padding: 2px 8px; background: buttonfase; color: button text; border-style: solid; border width: 2px; border-color: button button button button button button lightlight;} Icebutton: active {border-color: button shadow buttonHighlight buttonHight button button ;}

(IE 6-IE7 to keep focused buttons as 'active' There is probably some sort of decision to stop.)

It does not necessarily have a button on the original desktop, though; actually, for many desktop themes, the constellation of a button in simple CSS : Generation will not be possible.

However, you can ask the browser to use the original rendering, which is best: 

  .likeabutton {Present: Button; -Mouse-presence: Button; -WebKit-Attendance: Button; Text-decoration: None Yes; font: menu; color: button text; display: inline-block; padding: 2px 8px;}

Unfortunately, as you may have guessed from browser-specific prefixes, This is the place that does not keep anywhere yet. Especially in IE and Opera it will be ignored. But if you include other styles in the form of backups, then browsers which presence support, empty that property, prefer clear backgrounds and boundaries!

What you can do is presence styles above the top, and have to perform javascript fixes as needed, for example: 

 < Code> & lt; Script type = "text / javascript" & gt; Var r = document.documentElement; If you add (/ IE6 or IE 7 / /) / / / mussudown ('webkit mirrors' in 'MozAppearance' 'R' in 'background' and 'present' in '' color '')) Press the mouse button on the mouse button, if you can be bothered, then add styles for the 'active' button} & lt; / Script & gt;

Comments

Post a Comment

Popular posts from this blog

sql - dynamically varied number of conditions in the 'where' statement using LINQ -

I am using my first project LINQ (in mvc), so maybe there's something very simple that I remember. However, a day of searching and experimenting does not work, so it works. I am trying to write a LINQ query (Linux to SQL) in which in many cases where the statement is different from an OR or an AND. We do not know how many conditions are going in the query till runtime. This search is for filter control, where the user can choose multiple criteria for filtering. Select from table where table.col = 1 or table.col = 2 or table.col = 7 .... 'Other number of conditions Before I just create the SQL query as a string, while looping over all the situations. However, it seems that there should be a good way to do this in LINQ. I tried to use Expression trees, but they had a second thought for this moment on my head, where the lambda function was to be executed inside the statement such as: values ​​for matchingRows = matchingRows for each value Where (function (row) row.c...
Read more

asp.net mvc - Dynamically Generated Ajax.BeginForm -

I have a problem with ASP.NET MVC Ajax forms. I generate many Ajax form in a table such as: & Lt; Input type = "submit" name = "activity" value = "add activity" / & gt; & Lt;%}% & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt;%}% & gt; So far so good. When I post one of those forms, it gives a partial view in a div, and in this new partial view a new Ajax Beginnform (which is not in Genesis form) This second Ajax Beginnorf is exactly like the ones I got on the table, but when I post it, I do not get the "Ajax Post", but a normal post that sends me to a new page, I do not know whether the two Ajax forms What is the reason for the difference between, why is it the "dynamically generated" Ajax form behaves like a normal HTML form? By the way, I know that I can do it in different ways using javascript, but I would like to understand whether it can only be done using MVC helplars and Ajax lib...
Read more

Debug on symbian -

I am using trk for phone debug This works well for the Holorld project But when I start the project in phone debug mode 1) the load failed 2) TrkProtocolPlugin: to target the specified file Failure (please verify If any body understands what problem I am experiencing, then this problem helps me Pre-release If the application has the privileges assigned (with the appropriate certificate) itemprop = "text" > In your case, I will check: / li> If there is no conflict of application ID with any other application of device If there are problematic commands in the installation package (for example copy copy for non-accessible directories)
Read more