Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Trang web này sẽ có chức năng hạn chế trong khi chúng tôi trải qua bảo trì để cải thiện trải nghiệm của bạn. Nếu một bài viết không giải quyết được vấn đề của bạn và bạn muốn đặt câu hỏi, chúng tôi có cộng đồng hỗ trợ của chúng tôi đang chờ để giúp bạn tại @FirefoxSupport trên Twitter và /r/firefox trên Reddit.

Tìm kiếm hỗ trợ

Tránh các lừa đảo về hỗ trợ. Chúng tôi sẽ không bao giờ yêu cầu bạn gọi hoặc nhắn tin đến số điện thoại hoặc chia sẻ thông tin cá nhân. Vui lòng báo cáo hoạt động đáng ngờ bằng cách sử dụng tùy chọn "Báo cáo lạm dụng".

Tìm hiểu thêm

FireFox v22 - File Input type now shows browse on left

  • 10 trả lời
  • 55 gặp vấn đề này
  • 8 lượt xem
  • Trả lời mới nhất được viết bởi logicinfo12

more options

For some unknown reason, Firefox v22 has moved the BROWSE button on an <input type="file" statement.="" <="" p="">

The Browse button appears on the left hand side - this has previously only happened in Webkit based browsers.

I can force the button to the right hand side in webkit browsers by using:

input[type="file"].file::-webkit-file-upload-button {

   float: right; 
   position: relative; 
   top: -1px; 
   right: -90px;

}

However, I can't find any similar means of adjusting the layout in Firefox.

For some unknown reason, Firefox v22 has moved the BROWSE button on an <INPUT type="file" statement. The Browse button appears on the left hand side - this has previously only happened in Webkit based browsers. I can force the button to the right hand side in webkit browsers by using: input[type="file"].file::-webkit-file-upload-button { float: right; position: relative; top: -1px; right: -90px; } However, I can't find any similar means of adjusting the layout in Firefox.

Tất cả các câu trả lời (10)

more options

Are you using a RTL (right-to-left) locale version of Firefox?

Can you post a link to a publicly accessible page that doesn't require authentication (signing on)?

more options

I am used the standard LTR locale version - it worked fine before I upgraded to v22

For a test - see next post....

Được chỉnh sửa bởi RWAP vào

more options

Actually on the bottom of this page forum (above the Post Reply button) appears BROWSE... No file selected

more options

Yes. That is a change that landed in Firefox 22 (bug 838675).

  • Bug 838694 - Move the text showing the file names to the right of the browse button for <input type='file'>

Please DO NOT comment in bug reports: https://bugzilla.mozilla.org/page.cgi?id=etiquette.html

more options

Fair enough it was changed - although no idea why (!) as to date, only Chrome has shown the BROWSE button on the left and personally, I think it looks ugly with the button inside the actual input box (see image)

What is missing (unlike Chrome) are any CSS controls to allow you to alter the button's look / layout - at least in Chrome you can use CSS based on:

input[type="file"].file::-webkit-file-upload-button{ }

more options
  • Bug 52500 - (input[type=file]) Make regular CSS properties apply on <input type='file'>
more options

I have found that - presumably it means that it will not change until v23 as I can't move the button in v22.

more options

I honestly think the file input is something that Internet Explorer (still) and previous FF had right and that Safari and Chrome have wrong. Styling the colour of text for inputs is now going to be a real problem - and when you have to tell the whole world how to cope with something, that's as real a problem as a doubled margin on a float was/is in IE6 - because the text color shown inside the box of a text input is also the text colour that is shown outside the box on a file input. Black text on a black background?

If you are here, World, the solution is to put a background-color on all your inputs e.g. input {background-color: #FFF} .

The new input also removes the option to copy/paste link values, which can be a real pain if you are doing a lot of file uploading e.g. of photos identified by (long links with...) productids

more options

For us, the main issue is that we can no longer paste URLS into the input element. This has completely crippled our regression testing with Selenium. It is a critical issue for us.

more options

This is really an ugly issue and many are confused where the input box is seen. It is not appearing as a input element but is seen something else.

How come firefox team is not rectifying this issue. This question is open since July 2013.

Some suggestions above says to apply background color to input statement, that's true for our developed codes. But how to apply when we browse other's websites and applications where we can not do anything and browser is the only element who is supposed to do this job for us.

Thank you.

See in the following image, that input box is not seen here too...

Được chỉnh sửa bởi logicinfo12 vào